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

});

为HTML链接调用JavaScript函数

2 个答案: