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

});