jquery - 点击事件只作用于一个元素？

Question

我在 api.jquery.com 和我的脚本上浪费了 1 个小时来找出问题，但仍然无法。

这是我的script.js

// DOM ready

$(function(){

    // gets categories from server
    $.post("category.php", function(data) {
        $("#category ul").html(data);
    });

    // tests click event
    $("a").click(function(evt) {
        alert("Handler for .click() called.");
        evt.preventDefault();
    });

});

在index.php中有4个 anchor 标记，前三个是从服务器加载的，正如您在脚本中看到的那样，最后一个是预加载的(静态)(不是从服务器加载的)。问题是我已经在 jQuery 选择器中选择了所有 anchor 元素，正如您在脚本中看到的那样，但我的事件仅适用于预加载的最后一个 anchor 标记。怎么了 ？为什么该事件不适用于前三个 anchor 标记？

Answer 1

尝试使用on

   $('body').on('click', 'a', function(evt) {
     alert("Handler for .click() called.");
     evt.preventDefault();
   });