javascript - 将 Jquery 单击处理程序添加到动态加载的内容

Question

My Rails 应用程序动态加载页面链接。我想将 onClick 操作附加到这些链接。

链接已正确附加到页面，但页面的 JS 未应用于那些新添加的元素。

我尝试将新的 JS 标签渲染到动态添加的内容中。我还尝试过包含此代码块，该代码块应针对添加到 #links div 中的 .select-link 的任何链接。

        $("#links").on("click", ".select-link", function() {
          my code here...
        })

该代码在链接未动态加载时有效。但是，即使在控制台中，我似乎也无法在动态加载时对它们应用任何 onClick 处理程序。

什么可能导致此问题？

有关更多上下文，我试图解决的问题在这里:AJAX-loaded JS not rendering

Answer 1

您应该将事件绑定(bind)到这样的文档

$(document).on("click", "#links .select-link", function() {
          my code here...
});