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

【问题标题】：jquery ui slider scrollbar does not work when div is display none当div显示无时，jquery ui滑块滚动条不起作用
【发布时间】：2014-02-12 19:19:00
【问题描述】：

我使用 display: none; 隐藏滚动窗格 div；

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

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

如果我摆脱显示：无；在滚动窗格 div css 上，它显示 div 并且滚动条正常工作。

这是一个 jsfiddle，向您展示它是如何不起作用的：http://jsfiddle.net/JjaFW/

display: none;

这是其中一个工作，但我不得不注释掉显示：无； http://jsfiddle.net/JjaFW/1/

/* display: none; */

【问题讨论】：

【解决方案1】：

它正在运行：http://jsfiddle.net/bortao/8Wj2W/

使用带有visibility: hidden 的类并使用removeClass() 将其删除。这允许 jQuery 正确计算样式，但让它隐藏。

【讨论】：

【解决方案2】：

不要使用 display: none，而是使用 visibility: hidden 或 $("div").hide();而是。

【讨论】：