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

});

Answer 2

您必须阻止默认浏览器行为：

$(document).ready(function() {

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

});