2011-06-04 24 views
1

我正在使用jQuery的jScrollPane插件。它在網站上表示,這是獲得支持的正確地點。jScroll窗格 - 不起作用,只是刪除HTML

該插件應該自定義滾動條,但不是做它應該的,它會刪除滾動窗格中的HTML。

我打算使用它用於多種用途,但這裏是我目前正試圖做的代碼:

頁面的頭:

<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> 

注:滾動窗格CSS追加到包含在頭部的CSS文件。

這裏是代碼的Javascript代碼:

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

最後被更改爲內容的代碼:

<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> 

代碼似乎從內容中刪除所有的HTML。我也用其他標籤對它進行了測試,它也是如此。

+0

你有一個示例頁面?它是否會返回任何錯誤?你確定它確實刪除了內容而不僅僅是看不見? – Niklas 2011-06-04 15:30:01

+0

[Works for me。](http://jsfiddle.net/VXhdk/3/) – Pointy 2011-06-04 16:14:51

回答

1

我有同樣的問題。我在由scrollPane調用選擇的元素中添加了一個元素(如div)。

如:

<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>