Question

我正在使用jQuery的jScrollPane插件。它在网站上说这是获得支持的正确位置。

该插件应该自定义滚动条，但不是按照它应该做的，它会擦除滚动窗格中的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。我也用其他标签对它进行了测试，并且也是如此。

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

jScrollPane - 不起作用，只删除HTML

1 个答案: