如何在js片段完全加载后添加jQuery代码？

Question

我在向加载了 JS 代码片段的按钮添加点击功能时遇到问题，因为当我尝试在 document.ready 上执行这样的功能时

jQuery(document).ready(function( $ ){   
    $(".esis__heading").on('click', function(event){
      console.log('123123');
})});

它失败是因为该元素尚未加载和可见。

我在想也许超时是一个解决方案，但我开始认为这不是一个完美的解决方案。 如果有人对如何处理这个问题有任何建议，那将大有帮助。 这是一个页面的链接，该页面具有一段在一段时间后加载的代码段https://samsung.plutonium.rs/samsung/

提前致谢。

Answer 1

您可以通过将点击委托给父元素来解决这个问题，最坏的情况是这可能是document本身

$(document).ready(function( $ ){   
    $(document).on('click', ".esis__heading", function(event){
      console.log('123123');
    });
});

Answer 2

您可以使用 defer 属性延迟脚本的加载

推迟文档 (w3schools.com)

唯一的缺点是它只适用于外部脚本（带有 src 属性的脚本标签）。