Question

此页面加载时仅触发一次此脚本。页面已加载，单击链接，数据来自。再次单击链接，没有。重载页面，链接工作等。脚本有什么问题，为什么它只触发一次？

<script>
    $(function() {
        $('a').click(function() {
            $.get('ajax', function(data) {
                $('#mydiv').html(data);
            });
        });
    });
</script>

<div id="mydiv">
    <a href="#">Update the div!</a>     
</div>

比较＆＃34; mydiv＆＃34;中的数据。点击链接前后： 点击链接

之前

<div id="mydiv">
    <a href="#">
        Update the div!
    </a>
</div>

链接被阻止后

<div id="mydiv">
    <a href="#">
            Update the div!
            <!--Here is the data that came from.-->
    </a>
</div>

Answer 1

由于您正在覆盖将click事件附加到的a标记，因此您需要重新运行再次附加Click事件的代码。或者您可以使用像blex建议的事件委托：

$(document).on("click", "a", function(){

}

Answer 2

由于动态创建的a，您应该使用：

$(document).on("click", "a", function() {

JavaScript在页面加载后仅运行一次

2 个答案: