Javascript 将窗口大小调整事件逐个附加到每个元素

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

我还有一个问题，就是我正在使用全局变量，即变量id

我试图找出如何将窗口大小调整单独附加到每个元素

编辑：这是一个截图

---

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

因此，添加事件“resize”（此事件仅存在于窗口元素中，因此在这里，它是一个自定义事件，您可以根据需要命名它）

并从窗口大小调整触发它

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

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

});

编辑：

如果希望每个

“#”+id

都有“resize”事件，则事件将在以后的文档中追加

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

    // Do stuff here

});

---

它与PHP和它分配给元素的id有关，所以所有三个元素都有相同的id。这很有意义。因此，我内联修改了ID，并实现了.each（）方法

你什么意思？只需选择与

窗口不同的内容即可

<代码>$（'textarea'）。调整大小（）？只需查看一下

jQuery each

@Alex您知道如何将事件分别附加到每个元素上吗？特别是一个窗口调整事件，以保持位置。你的小提琴和屏幕截图是无用的。没有类为btnPrimary和popover的元素。不要把问题局限于“如何将调整大小绑定到元素”（也许这不是解决方案）。相反，向我们展示你所拥有的，并清楚地描述你想要实现的目标。@MIvanIsten这是一把小提琴，它稍微说明了一点，它是位置（左、右、底部和顶部）的内联修改。屏幕截图显示了我试图实现的目标。元素上的id应该是唯一的（不应该有多个元素具有相同的id）。如果要标识一组元素，请使用类。

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

    // Do stuff here

});