0

次のコードは、 jQuery の並べ替え可能なポートレットに基づいて、私のページのウィジェットを閉じます。

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

これはウィジェットを閉じるのと同じように機能しますが、十分な数のウィジェットを閉じて列が空になると、空の列の右側の列が左に移動して空の列のスペースを埋めます。IE7 では正常に動作しますが、IE8、Google Chrome、FireFox、および Opera では正常に動作しません。

問題が 100% ではなく、CSS の問題である可能性が高いですか? 私は完全なもののjsFiddleを含めています:

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

ウィジェットを閉じるには、ページのヘッダーで(c)はなく、ウィジェットのヘッダーにある をクリック(c)します。次に、[閉じる] をクリックします。

4

1 に答える 1

1

あなたがあなたの.columnようなものを与えるmin-height: 100px;か、padding-bottom: 100px;それがあなたの問題を解決します。

于 2012-11-29T10:28:34.507 に答える