サイズ変更ハンドルをドラッグしているときにサイズ変更イベントが複数回発生する 質問する

サイズ変更ハンドルをドラッグしているときにサイズ変更イベントが複数回発生する 質問する

この jQuery プラグインが動作することを期待していましたが、動作しませんでした。

http://andowebsit.es/blog/noteslog.com/post/how-to-fix-the-resize-event-in-ie(古いリンクは noteslog.com/post/how-to-fix-the-resize-event-in-ie でした)。

彼のサイトにコメントを追加しましたが、モデレートされているため、まだ表示されない可能性があります。

とにかく、私の希望を説明しましょう。ユーザーがサイズ変更を一時停止したとき、またはサイズ変更を完了したときに、「サイズ変更」タイプのイベントが起動されるようにしたいのです。その間ユーザーがブラウザのウィンドウのサイズ変更ハンドルをアクティブにドラッグしています。OnResizeHandled実行する必要があるかなり複雑で時間のかかる関数がありますが、ユーザーがウィンドウを 100 ピクセル広げて、移動のピクセルごとにイベントが起動されたからといって、100 回実行する必要はありません。ユーザーがサイズ変更を完了したら、それを処理するのが最善策だと思います。

ベストアンサー1

次のようなコードはどうでしょうか:

function resizeStuff() {
 //Time consuming resize stuff here
}
var TO = false;
$(window).resize(function(){
 if(TO !== false)
    clearTimeout(TO);
 TO = setTimeout(resizeStuff, 200); //200 is time in miliseconds
});

これにより、ユーザーがサイズ変更を停止したときにのみ関数がサイズ変更されるようになります。

おすすめ記事