1

jQueryスクリプトを実行して、複数の行にまたがる行に同じ高さのdivを設定しています。

これは、私が使用しているコードの抜粋へのリンクですhttp://jsfiddle.net/F8QHd/2/

スクリプトについては、CSS Tricks http://css-tricks.com/equal-height-blocks-in-rows/のこの記事のテクニックを使用しました。

ウィンドウのサイズを変更しても機能するようにスクリプトを修正する方法を誰か教えてもらえますか? 現時点では、ページの読み込みで動作しますが、ウィンドウのサイズ変更に基づいてトリガーする方法がわかりません。スクリプトが使用する$(window).resize(function() {} );ので、なぜこれが機能しないのかわからないのですか?

どんな助けでも大歓迎です！

ありがとう。

4

1 に答える 1

-1

機能しないことはわかりません。サイズ変更を設定してトリガーし、その命令を複製せずにロード時に機能するようにします。

$(window).resize(function() {
    columnConform();
}).trigger('resize');

1 つだけ注意してください。要素を均等化すると、ウィンドウのサイズが変更され、解決する前に数回再帰すると問題が発生します。等高関数にタイムアウトを追加することでこれを解決しました。

私はすでにjqueryに同様の拡張機能を書いています。興味がある場合は、Fluid Width Elementsの Equal Height Rows をご覧ください。

于 2013-02-14T14:30:00.880 に答える