0

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

4

1 回答 1

1

如果你给你的.column东西,min-height: 100px;否则padding-bottom: 100px;它会解决你的问题。

于 2012-11-29T10:28:34.507 回答