仅添加一次调整大小事件处理程序

Question

我有一个小部件可以在 DOM 中插入一个 div 元素； div 需要一些 js 来处理调整大小事件；

问题是：

widget可以在同一个页面上多次添加，但是我不想在页面上添加很多相同的resize事件处理程序（一个，作用于特定widget的class 对于所有小部件实例都足够了）；
将嵌入小部件的页面可以有自己的调整大小事件处理程序，不应删除；

你对如何实现这个有什么建议吗？

Answer 1

老实说，由于您没有提供任何 html 和 js，我没有得到大部分工作流程的解释，但我希望以下内容对您有用：

var resized = 0;                     // works as a flag
$( window ).on('resize', function () { 
     if ( resized++ >= 1 ) return;
     // do something here.. 
     console.log('resized once');    // console.log as an example! 
});

祝你好运。

仅添加一次调整大小事件处理程序

Add a resize event handler only once

javascript

jquery

resize

window-resize