Jquery将插件应用于“display：none”元素

Question

我再遇到同样的问题，

我有一些显示：我的网站上没有元素，我不能在它们上应用jquery插件。 我正在使用jScrollPane插件。 http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

使用：

$(function()
{
    $('.scroll-pane').jScrollPane();
});

您可以激活它，但仅限于可见块元素。我现在正在做的是在显示后立即显示：没有点击任何元素显示：阻止

$(".hidden").click(
{
    $('.hidden').show().jScrollPane();
});

是否有一个技巧可以立即使这些工作，这意味着让他们不要忽视display：none elements？ THX

Answer 1

您可以将其设置为display: none和visibility: hidden，而不是使用height: 0，而这些插件应该有效。

.element {
  visibility: hidden;
  height: 0;
}

否则，您必须在调用插件命令之前设置display: inline|block|whatever。

Answer 2

尝试在使用jScrollPane插件之前使它们可见

$(".hidden").click(
{   
    $(this).css('display:block');
    $(this).jScrollPane();
});