不能在 ：hidden div 上使用 jquery 插件？

Question

我有一些jquery选项卡。 我正在使用一个插件来滚动选项卡内的选项窗格。 当您单击最初在页面加载时隐藏的选项卡时，它不起作用。 我尝试使用 ：hidden 选择器初始化插件，但没有运气。

下面是代码...

            $('.scroll-pane').jScrollPane({
                showArrows   : true,
                hideFocus    : true
            });
            $('.scroll-pane:hidden').jScrollPane({
                showArrows   : true,
                hideFocus    : true
            });

任何想法为什么它不适用于隐藏的div？

Answer 1

该插件无法初始化隐藏的元素 - 我相信这与您无法简单地计算隐藏元素的高度有关。一个简单的解决方案是在显示元素时初始化元素，例如：

tab_element.show().jScrollPane();

另一种选择是使用 autoReinitialise 选项并将其设置为 true。这基本上设置了一个计时器，该计时器将在设定的时间间隔内自动重新初始化对象。但这有点浪费，所以我建议第一种选择。

链接到有关此问题的文档。http://jscrollpane.kelvinluck.com/invisibles.html

Answer 2

什么使选项卡可见？某种点击或其他事件？尝试在显示选项卡的同一事件中设置滚动面板。听起来插件选择不对隐藏的div 进行操作。我想不出另一个原因，为什么简单地隐藏会阻止某些代码更改div。

使用与上面相同的代码，但也要在使选项卡可见的情况下运行它。