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。

使用与上面相同的代码，但也可以在使标签可见的情况下运行它。

不能使用jquery插件：隐藏div？

2 个答案: