2

好的 - 我承认，我是这个 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>

（虽然我已经更改了服务器副本上的本地主机）

#ajaxresults div 似乎没有任何效果。正如 jScrollPane 文档所说，我已经设置好了，overflow:auto但仍然没有运气。我发现当 jScrollPane 似乎“运行”时，它只会将 div 向下移动约 100 像素。自己试试吧。

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

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

非常感谢！

杰克

4

1 回答 1

0

查看您的代码后，让我印象深刻的第一件事是您已将 JS 代码放在“ajaxresults”div 中。通常最好将您的代码保留在目标 div 之外。像这样放置空的div：

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

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

这可能是一个过程。

另外，如果您还没有Firebug，我可能会建议您获取一份副本。它对 jQuery 调试很有帮助。

于 2010-05-09T13:59:55.683 回答