如何调用'点击'当用户点击href

How to invoke a 'click' when user clicks on href

本文关键字：用户 href 点击 何调用 调用      更新时间：2023-09-26

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

http://jsfiddle.net/NLdTJ/

<a id="collapse"> Collapse</a>
$(function(){
  $('#collapse').click(function(){
      alert('here');
  });
});

您的代码是好的，但您没有加载jQuery在您的fiddle。

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

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

注。我又附上了你的代码，因为SO没有让我张贴答案，只是一个链接到jsfiddle，没有代码:)

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

    <a id="collapse" href="#"> Collapse</a>
    $(function(){
       $('#collapse').click(function(){
          alert('here');
       });
    });

希望对你有帮助。

(我也假设了jQuery，但您的fiddle是用mooTools设置的，不确定这是否是故意的。)这是我的修复:http://jsfiddle.net/NLdTJ/13/)

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

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

工作示例:http://jsfiddle.net/NLdTJ/15/

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

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

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

相关文章：