jquery - Portlet 仅在 IE7 中正确关闭

标签 jquery html css jquery-ui jquery-ui-sortable

以下代码将根据jQuery sortable portlets关闭我页面上的一个小部件.

$(document).on("click", ".widget_minimise_button", function( ){
    $( this ).closest( ".widget" ).find( ".widget_sub_header, .widget_content" ).toggle();
});   

这就像关闭小部件一样工作,但是如果我关闭了足够多的小部件以至于一列变空,则空列右侧的列将移动到左侧以填充空列空间。这不应该发生,在 IE7 中也不会发生,它在 IE7 中可以正常工作,但在 IE8、Google Chrome、FireFox 和 Opera 中不能正常工作。

不是 100% 的问题所在,很可能是 CSS 问题?我包括一个完整的 jsFiddle:

jsFiddle:http://jsfiddle.net/oshirowanen/89uqU/1/

要关闭小部件,请单击小部件标题中的 (c),而不是页面标题中的 (c)。然后点击关闭。

最佳答案

如果你给你的 .column 类似 min-height: 100px;padding-bottom: 100px; 它将解决你的问题.

关于jquery - Portlet 仅在 IE7 中正确关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13623159/

相关文章:

javascript - 构建json树结构

jquery - 找到以下匹配类的元素

html - 无法将任何元素添加到一行中的相关 div

javascript - 如何将递增变量整合到段落中

javascript - OJET 网格不显示

html - 2x2 网格等高,尽管盒子内容量

Javascript 菜单显示 1 个图像并隐藏另一个

javascript - 通过jQuery动态生成Drop Down列表的内容

带有悬停问题的 HTML img 标签

javascript - 将字符串和输入选择值添加到 url onchange 和页面加载