Question

在处理一些表单数据后，我正在使用“ .load（）”重新加载“＃some-div ”的内容。这很好用，并且“＃some-div ”会使用预期的更新内容进行刷新。问题是我的其他任何指定的jQuery函数（例如下面的“ .some-trigger ”）都不适用于“＃some-div ”之后的元素刷新。任何见解都非常感谢。这是我的代码的简化表示。

<div id="some-div">
    <a class="some-trigger" href="#">I Won't Work Anymore After I've Been Refreshed</a>
</div>

<script> 
    $('.ajax-form').ajaxForm(function() {  
        $("#some-div").load(location.href+" #some-div>*","");
    });

    $('.some-trigger').someFunction();
</script>

Answer 1

您应该为动态加载的元素委派click事件，请尝试以下操作：

$("#some-div").on('click', '.some-trigger', function() {
   // do something here
})

使用.load（）刷新div内容后，jQuery函数无法正常工作

1 个答案: