サイズ変更後の実行ポスト（ウィンドウがリサイズされるにつれて繰り返しはありません）

Question

ユーザがダイアログのサイズを変更すると、POSTは何十回も実行されていません。ユーザーがマウスボタンを離すまで$。postを実行しないようにする方法はありますか？

dialogClass: 'fixed-dialog', 
    resize: function(event, ui) { 
    $(this).dialog("option", 
     ui.size.height + " x " + ui.size.width); 
    $.post("savelayout.php", { 
     menuheight: ui.size.height, 
     menuwidth: ui.size.width 
    }); 
    } 

編集：更新されたコードが機能しないため、削除されました。

Answer 1

私の解決策は、100msの間に別のサイズ変更が試行されたかどうかを確認しようとします。ポストコードを実行しない場合。

var act; 
dialogClass: 'fixed-dialog', 
    resize: function(event, ui) { 
    clearTimeout(act); 
    act = setTimeout(function() { 
     $(this).dialog("option", 
     ui.size.height + " x " + ui.size.width); 
     $.post("savelayout.php", { 
     menuheight: ui.size.height, 
     menuwidth: ui.size.width 
     }); 
    }, 100); 
    }; 

はまたjQueryプラグインがあります：https://github.com/nielse63/jquery.resizeendあなたは、このようなアプローチをしたい場合。