0

当用户单击锚标记时，我试图触发警报，但没有触发警报。我正在尝试的代码如下。

http://jsfiddle.net/NLdTJ/

<a id="collapse"> Collapse</a>

$(function(){
  $('#collapse').click(function(){
      alert('here');
  });
});
4

6 回答 6

3

在标签成为超链接之前，您需要有一个 href。否则他们只是锚。要修复它，您应该执行以下操作：

    <a id="collapse" href="#"> Collapse</a>

    $(function(){
       $('#collapse').click(function(){
          alert('here');
       });
    });

希望有帮助。

（我也假设 jQuery，但你的小提琴是用 mooTools 设置的，不确定它是否是故意的。这是我的修复：http: //jsfiddle.net/NLdTJ/13/）

于 2013-01-18T17:19:03.203 回答
3

确保阻止链接的默认单击行为。

$(function(){
  $('#collapse').click(function(e){
      e.preventDefault();
      alert('here');
  });
});

工作样本：http: //jsfiddle.net/NLdTJ/15/

于 2013-01-18T17:19:29.387 回答
3

您的代码没问题，但是您没有在小提琴中加载 jQuery。

http://jsfiddle.net/NLdTJ/3/

$(function(){
  $('#collapse').click(function(){
      alert('here');
  });
});

PS：我再次附加了您的代码，因为SO不允许我仅通过指向jsfiddle的链接而没有代码来发布答案:)

于 2013-01-18T17:21:21.750 回答
0 
<a id="collapse" href="#" onclick="alert('here');"> Collapse</a>
于 2013-01-18T17:23:19.043 回答
0

它应该可以正常工作，只需更改 JSFiddle 上的框架以包含 JQuery 并在 DOMReady 上运行

于 2013-01-18T17:23:34.257 回答
0

您的代码绝对没有问题。jQuery当您从 jsFiddle 左侧的框架选项中选择一个库时，它将起作用。

更新小提琴以包含框架。

于 2013-01-18T17:23:44.730 回答