jquery - 使用 .load() 刷新 div 内容后 jQuery 函数不起作用

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
})