javascript - 为 HTML 链接调用 JavaScript 函数

Question

我正在尝试使用 JQuery，以便当用户单击 HTML 链接时，将调用我在 JavaScript 文件中编写的函数。

<a href="#" id="advanced_options">Show advanced options</a>

还有

$(document).ready(function() {

  $("#advanced_options").click(function() {
    alert('hello');
  });

});

当我点击链接时，它不会发出警报，而是跳转到另一个链接。这是为什么？

Answer 1

如果您通过 ajax 查询加载链接，因此在页面初始加载期间链接不在页面上，请使用 jQuery on 函数:http://api.jquery.com/on/

$(document).ready(function() {

  $(document).on( 'click' , "#advanced_options" , function(event) {
    event.preventDefault();
    alert('hello');
  });

});