当div显示无时，jquery ui滑块滚动条不起作用

Question

我使用display：none;

隐藏了滚动窗格div

当我单击OPEN时，它会显示滚动窗格div，并且该div底部的滚动条无法正常工作。

$("#open").click(function() {
    $(".scroll-pane").show();
});

如果我摆脱display：none;在滚动窗格div css上，它显示div和滚动条正常工作。

这里有一个jsfiddle，告诉你它是如何工作的：http://jsfiddle.net/JjaFW/

display: none;

这是其中一个工作，但我不得不评论显示：无; http://jsfiddle.net/JjaFW/1/

/* display: none; */

Answer 1

这里有效：http://jsfiddle.net/bortao/8Wj2W/

使用visibility: hidden的课程，并将其与removeClass()一起删除。这允许jQuery正确计算样式，但让它隐藏。

Answer 2

不使用display：none，而是尝试使用visibility：hidden或$（“div”）。hide（）;代替。