以下代码将关闭我页面上基于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)
标题中的 a,而不是(c)
页面标题中的。然后点击关闭。