javascript - 当 div 显示为无时，jquery ui slider 滚动条不起作用

Question

我使用 display: none 隐藏滚动 Pane div;

当我单击“打开”时，它会显示滚动 Pane div，并且该 div 底部的滚动条无法正常工作。

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

如果我去掉 display: none;在滚动 Pane 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 正确计算样式，但让它隐藏起来。