以下代码将根据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/