带有溢出的 jQuery UI 按钮

标签 jquery css jquery-ui

我有两个嵌套容器,每个容器都指定了高度和溢出。这通常按预期工作,除非我的内部容器包含 jQuery UI 按钮。在这种情况下,它“看起来”是正确的,但外部容器仍在滚动,就好像内容是可见的,即使它被内部容器隐藏了。

请参阅此 jsFiddle 以了解该问题的演示:
http://jsfiddle.net/bnT2r/1/

有没有人以前见过这个,或者可以想出解决这个问题的方法?

更新:
这似乎只是 Chrome 中的一个问题。在 FF 和 IE8 中测试,显示如预期。

TIA,
-J

最佳答案

将复选框的高度设置为 0px 似乎可以解决这个问题。看起来有点奇怪,但是因为它被 jQuery UI 隐藏了,所以现在这是可以接受的。

input[type=checkbox].ui-helper-hidden-accessible {
   height: 0;
}

关于带有溢出的 jQuery UI 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11053994/

相关文章:

html - th 的额外边框

html - div 拉伸(stretch)到屏幕的 Angular 落部分

javascript - jQuery UI 捕捉到元素然后调整大小以适合容器

javascript - JQuery hide/slideToggle范围内的元素

javascript - 奇怪的 javascript/jquery 问题

html - 如何通过包含自己的 css 文件来自定义 wufoo 表单

javascript - 禁止嵌套排序混合

javascript - Highcharts(highstock),如何将日期传递给导航器

jquery - 使用 jQuery 获取视口(viewport)的大小

javascript - 如何使用 MVC 5 中数据库中的值进行自动完成?