Volet jScroll - Ne fonctionne pas, supprime simplement le code HTML

Question

J'utilise le plugin jScrollPane pour jQuery. Il a dit sur le site que c'est le bon endroit pour obtenir de l'aide.

Le plugin est censé personnaliser la barre de défilement, mais au lieu de faire ce qu'il est supposé faire, il efface le code HTML dans le volet de défilement.

Je compte l'utiliser à des fins multiples, mais voici le code que je suis en train d'essayer de le faire:

La tête de la page:

<LINK rel="stylesheet" type="text/css" href="CSS/[[WEBSITE NAME]].css"> 
<SCRIPT type="text/javascript" src="JS/jQuery.js"></SCRIPT> 
<SCRIPT type="text/javascript" src="JS/jQueryjScrollPane.js"></SCRIPT> 

Remarque: Le panneau de défilement CSS est joint en annexe au fichier CSS inclus dans la tête.

Et voici le code du code Javascript:

<SCRIPT type="text/javascript"> 
<!-- 
    $(function() 
    { 
     $('#Terms').jScrollPane(); 
    }); 
    --> 
</SCRIPT> 

Et enfin, le code pour le contenu qui est changé:

<DIV class="Panel" align="left" style="height:20em;overflow-y:scroll" id="Terms">[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br> 
</DIV> 

Le code semble supprimer tout le code HTML du contenu. Je l'ai également testé avec d'autres tags et il le fait aussi.

Answer 1

J'ai eu le même problème. J'ai juste ajouté un élément (comme un div) dans l'élément sélectionné par l'appel scrollPane.

par exemple:

<DIV class="Panel" align="left" style="height:20em;overflow-y:scroll" id="Terms"> 
    <div class="inner-div"> 
     [[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br>[[INSERT CONTENT HERE]]<br> 
    </div> 
</DIV>