使用.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

你应该委托点击事件动态加载内容，请尝试以下操作：

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