Question

这应该非常简单，但是这里也是如此。我有一个简单的div容器，它由Twitter提要（jTweetsAnywhere）填充：

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

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

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

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

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

思想？

Answer 1

我最初的猜测是.jsScrollPane（）在jTweets返回任何内容之前很久就被调用了。这意味着它很有可能设置容器的高度而它是空的，因此它可以设置为0.您是否尝试将#twitter-feed设置为静态高度？

Answer 2

拥有相同的问题..并且查看Chrome内置的调试器我发现了我们的问题并发布在jscrollpane google组中。我几乎害怕我们可能必须更改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>

Answer 3

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

只需拨打jScrollPane 之后致电jTweetsAnywhere来电话：

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

并使用autoReinitialise: true -

传递一个对象

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

);

希望这有帮助！

使用jScrollPane（）时不显示Div

3 个答案: