仅添加一次resize事件处理程序

时间:2016-01-04 18:32:13

标签: javascript jquery resize window-resize

我有一个在DOM中插入div元素的小部件; div需要一些处理resize事件的js;

问题是:

  • 可以在同一页面上多次添加小部件,但我不想在页面上添加许多相同的大小调整事件处理程序(一个,对特定小部件的类进行操作对于所有小部件都足够了实例);

  • 将嵌入窗口小部件的页面可以拥有自己的resize事件处理程序,不应删除;

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

1 个答案:

答案 0 :(得分: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! 
});
祝你好运。