使用 jScrollPane() 时不显示 Div答案

【问题标题】：Div doesn't display when using jScrollPane()使用 jScrollPane() 时不显示 Div
【发布时间】：2011-11-02 22:29:33
【问题描述】：

这应该非常简单，但在这里。我有一个简单的 div 容器，由 Twitter 提要 (jTweetsAnywhere) 填充：

<div id='twitter-feed'></div>

此功能运行良好，并为我提供了一个带有 Twitter 提要的简单容器，其中包含 overflow:auto。再次：工作正常，溢出可以使用标准的丑陋滚动条滚动。

加载jquery.jScrollPane.min.js、jquery.scrollpane.css、jquery.mousewheel.js和mwheelintent.js后，像这样初始化：

$(document).ready(function(){
    . . .
    $("#twitter-feed").jScrollPane();
});

...#twitter-feed div 不再显示，并且不会引发运行时错误。

想法？

【问题讨论】：

好的，所以当我现在调用jScrollPane() 时，div 并没有消失，但是 jScrollbar 本身没有出现（并且默认滚动条消失了，使 div 无法滚动。我的 CSS 设置了div 的高度和宽度，溢出设置为auto，并且 div 在.jScrollPane() 调用之前填充在 JS 中。非常感谢帮助。

标签： php jquery css jscrollpane

【解决方案1】：

我最初的猜测是 .jsScrollPane() 在 jTweets 返回之前很久就被调用了。这意味着它很有可能在容器为空时设置容器的高度，因此它被设置为 0。您是否尝试过给 #twitter-feed 一个静态高度？

【讨论】：

对不起，我本来应该说#twitter-feed 确实在 CSS 中设置了静态高度。尽管您无意中让我走到了一半：在初始化jTweetsAnywhere（愚蠢）之前，我确实调用了jScrollPane()。所以#twitter-feed 窗格现在出现了......但是，它根本没有滚动条，我实际上无法滚动它，即使用我的鼠标，即使在单击它以确保它具有焦点之后也是如此。我需要向jScrollPane() 传递一些东西吗？我想先用默认设置尝试它，以确保它有效......

【解决方案2】：

有同样的问题..查看 Chrome 内置的调试器我发现了我们的问题并发布在 jscrollpane 谷歌组中..我几乎担心我们可能不得不更改 jTweetsAnywhere 代码才能使其正常工作。 .如果这是真的，我会这样做，并确保我在这里发布解决方案和链接......简而言之：

jTweetsAnywhere 在您调用 jScrollPane 之前动态创建它：

<div id="twitter-feed">
<div class="jta-tweets-list">
<ul><li>tweet</li><li>tweet</li></ul>
</div>
</div>

在 jScrollPane 调用之后，#twitter-feed 容器内的代码被修改为如下所示：

<div id="twitter-feed">
<div class="jta-tweets-list">
<div class="jspContainer"><!-- I believe this is where the tweets <ul> needs to be loaded? --><div class="jspPane"></div></div>
<ul><li>tweet</li><li>tweet</li></ul>
</div>
</div>

【讨论】：

【解决方案3】：

jScrollPane.js 有一个漂亮的小方法 autoReinitialise，当设置为 true 时，基本上会添加一个 setInterval()，它会不断检查目标 div 中的内容。

只需致电jScrollPane 之后您的jTweetsAnywhere 电话：

$('.jta-tweets-list').jTweetsAnywhere({ stuff in here })

并用autoReinitialise: true传递一个对象-

$('.jta-tweets-list').jScrollPane(
    {
        autoReinitialise: true
    }

);

希望这会有所帮助！

【讨论】：