サイズ変更せずにウィンドウ幅の変化を検出する方法

Question

jquery関数を既に探しましたが、ウィンドウのサイズを変更するときにjquery .resize()がトリガされるだけで、変更する代わりに、幅が変更されたときに発生します。ユーザーがボタンをクリックするとブラウザの幅が最大になり、関数がトリガーできなくなります。resize()の関数を呼び出す関数があります。on("windowwidthchanges")のような関数はありますか？

Answer 1

あなたは両方のイベントを検出し、それは幅の変化だときだけでコードを実行することができます：私はクロム、FirefoxとIE11をチェックしました

var width = $(window).width(); 
$(window).resize(function(){ 
    if($(this).width() != width){ 
     width = $(this).width(); 
     console.log(width); 
    } 
}); 

Answer 2

。最大化ボタンをクリックすると、3つのブラウザすべてがアラートをトリガーします。

$(window).resize(function(){ alert("resized"); }); 

具体的には、これはあなたのためには機能しません。

Answer 3

名前付き関数にコードを移動し、サイズ変更時およびボタンをクリックすると呼び出すことができます。

または、ボタンをクリックしたときにサイズ変更をトリガすることができます

$("button").on("click", function(){ 
    $(window).trigger("resize"); 
}); 

例：http://jsfiddle.net/cde7fwrb/

編集：私はあなたがボタンを最大化し、ブラウザを話していた参照してください。ああ... ....