如何在用户点击href时调用“click”

Question

我正在尝试在用户点击锚标记时发出警报，但警报未被触发。我正在尝试的代码如下。

http://jsfiddle.net/NLdTJ/

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

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

Answer 1

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

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

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

希望有所帮助。

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

Answer 2

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

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

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

Answer 3

你的代码还可以，但是你没有在你的小提琴中加载jQuery。

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

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

P.S .: 我已经再次附加了你的代码，因为SO没有让我发布答案，只是链接到jsfiddle而没有代码：）

Answer 4

<a id="collapse" href="#" onclick="alert('here');"> Collapse</a>

Answer 5

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

Answer 6

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

更新fiddle以包含框架。