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

Question

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

问题是:

• 小部件可以在同一页面上多次添加，但我不想在页面上添加许多相同的调整大小事件处理程序(一，作用于特定小部件的类对于所有小部件来说就足够了)实例)；

• 将嵌入小部件的页面可以有自己的调整大小事件处理程序，不应删除该处理程序；

您对如何实现这一点有什么建议吗？

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

祝你好运。