JScrollPane 没有出现在第一页加载答案

【问题标题】：JScrollPane doesn't come up on first page loadJScrollPane 没有出现在第一页加载
【发布时间】：2009-12-31 11:32:45
【问题描述】：

我在登录页面上使用 JScrollPane，基本上在成功登录后，它会转到第二个页面，在那里我应该看到 ScrollBar 但滚动条在第一次加载时不显示，我必须刷新页面再来一次，有人知道为什么会这样吗？有人用过 JScrollPane 吗？

感谢您的帮助。

$(function()
    {
    // this initialises the demo scollpanes on the page.
      $('#logos').jScrollPane();                
    });

<head>
    <link rel="stylesheet" type="text/css" href="css/jScrollPane.css" />

    <script type="text/javascript" src="jquery/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery/scrollPane.js"></script>
    <script type="text/javascript" src="jquery/jScrollPane.js"></script>
</head>

<body>

     <div id="logos" class="scroll-pane">
     <a id="logo1" href=""><img src="" /></a>
     <a id="logo2" href=""><img src="" /></a>
                 .....
                 ......

</div>

</body>

我在使用 firebug 时也没有看到任何错误。

查看代码后，我意识到我需要重新初始化滚动窗格，

所以在添加以下代码后，滚动条仍然没有出现在第一页加载但只要我移动光标它就会出现，所以我想知道如何在没有悬停效果的情况下重新初始化它，

$(function() {
reinitialiseScrollPane = function()
                {
                    $('#logos').jScrollPane();
                }
                $('body').hover(function() {
                    reinitialiseScrollPane();
                });

});

感谢您的帮助。

【问题讨论】：

第一次加载时是否看到任何 Javascript 错误？检查 Firebug 的 firefox 或 Chrome/Safari 中的开发者工具。它应该是第一次加载。刷新页面以使其正常工作是一个糟糕的技巧。
使用firebug后，在登录页面出现以下错误警告：页面加载期间脚本面板处于非活动状态，但滚动条在第二页（即login2.php）
不知道问题出在哪里，但我有预感这个问题可能与您所看到的有关：stackoverflow.com/questions/1565478/…
刚刚意识到当容器div中有图像时滚动条不会加载，因为在另一个页面上滚动条也没有加载图像，请任何想法。

标签： php jquery jquery-plugins

【解决方案1】：

只是为了以后参考，问题是当有图像时滚动窗格需要重新初始化，所以下面的代码可以解决问题

$('#logos').jScrollPane({reinitialiseOnImageLoad: true});

【讨论】：

【解决方案2】：

如果您希望自动刷新页面作为修复程序，那么我建议您不要这样做，因为这看起来有点像一个笨拙 ;-)

一些代码会很有用。您是否在 documentready 事件中实例化它？你使用什么浏览器？你有任何错误吗？

【讨论】：

这就是我实例化它的方式。 $(function() { // 这会初始化页面上的演示 scollpanes。$('div#logos').jScrollPane(); });