jQuery jScrollPane - 它根本行不通！ ：'（

Question

好的 - 我承认，我是这个jQuery部门的初学者。我可能犯了一些业余错误，但是嘿，你得学点点什么！ ：）

所以我正在使用jScrollPane：http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

我想在第二列中使用它来设置可滚动区域的样式。具体来说，我想在div #ajaxresults

上应用和格式化滚动条

我的页面是...而jQuery很重。我不知道是否有任何变量是冲突的......事实上我根本不知道为什么这不起作用。

查看我的问题页面： http://furnace.howcode.com

在标题中，我将其设置为：

    <!-- Includes for jScrollPane --> 
<script type="text/javascript" src="http://localhost:8888/js/jquery.mousewheel.min.js"></script> 
<script type="text/javascript" src="http://localhost:8888/js/jScrollPane.js"></script> 
<link rel="stylesheet" type="text/css" media="all" href="http://localhost:8888/stylesheets/jScrollPane.css" /> 
<script type="text/javascript"> 
$(function() {
    $('#ajaxresults').jScrollPane();
});
</script> 

（虽然我在服务器副本上更改了localhost）

似乎没有任何东西能与#ajaxresults div一起使用。正如jScrollPane文档所说的那样，我设置了overflow:auto，但仍然没有运气。我发现当jScrollPane似乎“运行”时它只是将div移动大约100像素。亲自试试。

也许有人可以帮忙？那里有很多jQuery插件，所以我不知道是不是有碰撞/碰撞......等等。

请注意，我和朋友之间的网站仍处于开发阶段，这解释了我们互相提交的个人信息（'嗨Donnie！'等等：D）。此外，当您查看页面时，第二列中不会出现任何内容几秒钟 - 它只是通过Ajax获取数据。所以给它一点时间。

非常感谢！

杰克

Answer 1

查看代码后，第一件让我感到惊讶的是你已经将JS代码放在了“ajaxresults”div中。通常，最好将代码保留在目标div之外。像这样放置空div：

<div id="ajaxresults" class="scroll-pane"></div>

在底部，使用jQuery填充.append()或.html()之类的内容。有很多选择。我确信还有更多可以编织的东西，但这似乎是我建议的第一个重大改变。

这可能是一个过程。

此外，如果您还没有Firebug，我可能会建议您复印一份。它在jQuery调试中确实很有用。