jquery - 拖动调整大小 handle 时多次触发调整大小事件

Question

我希望这个 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)。

我向他的网站添加了一条评论，但这些评论已被审核，因此您可能还看不到它。

但无论如何，让我解释一下我的愿望。我希望当用户暂停调整大小和/或完成调整大小时触发“调整大小”类型的事件，而不是在用户主动拖动浏览器的窗口调整大小 handle 时触发。我有一个相当复杂且耗时的 OnResizeHandled 函数，我需要运行，但不能运行 100 次，只是因为用户将窗口扩大了 100 像素，并且每移动一个像素就会触发该事件。我想最好的选择是在用户完成调整大小后处理它。

Answer 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
});

这应该确保该函数仅在用户停止调整大小时调整大小。