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

标签 javascript jquery html css jquery-ui

我使用 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; */

最佳答案

它在这里工作:http://jsfiddle.net/bortao/8Wj2W/

使用具有visibility: hidden 的类并使用removeClass() 将其移除。这允许 jQuery 正确计算样式,但让它隐藏起来。

关于javascript - 当 div 显示为无时,jquery ui slider 滚动条不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21737532/

相关文章:

html - 如何使用 CSS 降低元素背景的不透明度?

javascript - jQuery Lazy Load XT - 在自定义事件上强制加载图像

javascript - Ajax post发送嵌套数组,未定义

javascript - 如何通知可折叠的折叠

html - 如何在导航栏中平均间隔元素

javascript - 为什么我没有收到序列化()的响应?

javascript - 在 JavaScript 警报中显示超过 10,000 个字符

javascript - 如何通过 angularjs 方法访问视频流对象?

javascript - jquery 的绑定(bind)不起作用

javascript - 什么是 .previous 方法?它是 jQuery 还是 core JS 还是其他库?