javascript - 将窗口调整大小事件分别附加到每个元素

Question

我一直在尝试弄清楚如何将 Windows Resize 事件单独附加到每个元素(这些元素由 PHP 通过 ajax 调用动态附加)。

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

我正在尝试弄清楚如何将“窗口调整大小”单独附加到每个元素。

编辑:这是一个屏幕截图。

Answer 1

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

因此，添加事件“resize”(该事件仅针对窗口元素存在，因此这里是一个自定义事件，您可以随意命名)

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

    // Do stuff here

});

并从窗口调整大小触发它

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

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

});

编辑:

如果您希望每个“#”+ id都有“调整大小”事件，该事件稍后附加在文档中。

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

    // Do stuff here

});