使用jScrollPane()时不显示Div

Question

这应该是非常简单的，但这里开始。我有一个简单的div容器，其中填充了一个Twitter feed (jTweetsAnywhere)：

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

此功能运行良好，并为我提供了一个简单的容器，其中包含一个带有overflow:auto的Twitter feed。再说一次:效果很好，overflow可以用标准的难看的滚动条滚动。

加载jquery.jScrollPane.min.js、jquery.scrollpane.css、jquery.mousewheel.js和mwheelintent.js后，初始化如下：

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

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

有什么想法？

Answer 1

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

Answer 2

在调试器中内置了完全相同的issue..and查看Chrome，我发现了我们的问题，并将其发布在了jscrollpane窗格的google组中。我几乎担心我们必须修改jTweetsAnywhere代码才能让它工作。这是真的，我会这么做的，并确保我在这里发布了解决方案和一个简单的link...in：

在您的jScrollPane调用之前，jTweetsAnywhere会动态创建以下代码：

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

Answer 3

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

只需在您的jTweetsAnywhere调用后拨打jScrollPane ：

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

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

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

);

希望这能有所帮助！