将Window Resize事件分别附加到每个元素

Question

我一直在试图弄清楚如何将Windows Resize事件分别附加到每个元素（这些元素由PHP通过ajax调用动态附加）。

我也遇到的问题是我正在使用全局变量，即变量 id 。

我试图找出如何将Window Resize连接到每个元素。

编辑：这是截图。

Answer 1

如果您使用的是jQuery，则可以将自定义事件附加到任何元素。

所以，添加事件＆＃34;调整大小＆＃34; （此事件仅适用于窗口元素，所以在这里，它是一个自定义事件，您可以按照自己的意愿命名）

$("#" + id).on("resize", function(){

    // Do stuff here

});

并从窗口调整大小

触发它

$(window).on("resize", function(){

    $("#" + id).trigger("resize");

});

编辑：

如果您希望每个"#" + id都有＆＃34;调整大小＆＃34;事件，事件如果稍后附在文件中。

$(document).on("resize", "#" + id, function(){

    // Do stuff here

});

Answer 2

它与PHP及其分配给元素的id有关，因此所有三个元素都具有相同的ID。那讲得通。所以我修改了内联ID并实现了.each（）方法的工作原理。