相关疑难解决方法(0)

一旦浏览器窗口完成大小调整,如何调用函数？

我试图这样做,但我遇到了问题.我正在使用JQuery Resize事件函数:

$(window).resize(function() {
  ... // how to call only once the browser has FINISHED resizing?
});

但是,如果用户手动调整浏览器窗口的大小,则会连续调用此函数.这意味着,它可能会在短时间内调用此函数数十次.

我怎么只能拨打调整大小功能单一的时间(一旦浏览器窗口已经完成调整)？

UPDATE

也无需使用全局变量.

我正在尝试在我的网站上制作一个根据窗口大小调整大小的图像映射...我想知道是否有任何方式使用HTML来执行此操作或者我是否必须使用Javascript或其他方法执行此操作语言.

<div style="text-align:center; width:1920px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_5201211070133251" src="Site.png" usemap="#Image-Maps_5201211070133251" border="0" width="1920" height="1080" alt="" />
<map id="_Image-Maps_5201211070133251" name="Image-Maps_5201211070133251">
<area shape="poly" coords="737,116,1149,118,944,473," href="http://essper.bandcamp.com" alt="Bandcamp" title="Bandcamp"   />
<area shape="poly" coords="1006,589,1418,590,1211,945," href="http://soundcloud.com/essper" alt="Soundcloud" title="Soundcloud"   />
<area shape="poly" coords="502,590,910,591,708,944," href="http://facebook.com/the.essper" alt="Facebook" title="Facebook"   />
</map>