1

これは、Jquery と Twitter のブートストラップに関する単純な質問のように思えるかもしれません。

ウィンドウのサイズが変更されると、流動的な行のサイズが明らかに変更されますが、これらのsがイベント<div>を取得または発行しないこと に気付きました.resize

を使用してブラウザー ウィンドウのサイズ変更を検出できます$(window).resizeが、子要素が resize であっても、サイズ変更ハンドラーをそれらにアタッチしても、サイズ変更イベント トリガーは発生しません。

サイズ変更イベントはバブルアップするだけだと言うかもしれませんが、確かに div がサイズ変更されている場合、ブラウザー ウィンドウのサイズ変更 (およびブートストラップ CSS 経由) により、サイズ変更イベントが発生するはずです。

4

1 に答える 1

3

あなたの最善の策は、単にハンドラーを配置resizeしwindow、その1つのハンドラーでページのコンテンツ全体で必要なサイズ変更関連の変更を処理することです。

または、ウィンドウのサイズが変更されたときに要素でカスタム イベントをトリガーすることもできます。

$(".resizer").on("customresize", function(){
    var $this = $(this);
    $this.text($this.width());
});

$(window).resize(function(){
   $(".resizer").trigger("customresize"); 
});

http://jsfiddle.net/vs8Q8/

于 2013-06-11T21:59:58.813 に答える