Jquery href click -如何启动一个事件

Jquery href click - how can I fire up an event?

本文关键字：href 一个 事件 启动 何启动 Jquery click      更新时间：2023-09-26

我有这个锚和点击我想弹出一些东西。这个href在一个有其他href的页面中。

<a class="sign_new" href="#sign_up">Sign up</a>
jQuery: 

$(document).ready(function(){
   $('a[href = "sign_up"]').click(function(){
      alert('Sign new href executed.'); 
   }); 
});

上面的代码不会触发

不存在，因为href值不是sign_up，而是#sign_up。试试下面的方法，需要添加"#"来表示href值的id。

$('a[href="#sign_up"]').click(function(){
  alert('Sign new href executed.'); 
});
演示:

http://jsfiddle.net/pnGbP/

如果你拥有HTML代码，那么为这个href分配一个id可能是明智的。然后你的代码看起来像这样:

<a id="sign_up" class="sign_new">Sign up</a>

和jQuery: 

$(document).ready(function(){
    $('#sign_up').click(function(){
        alert('Sign new href executed.');
    });
});

如果你不拥有HTML，那么你需要将$('#sign_up')更改为$('a.sign_new')。如果你有一个href锚并且不希望处理它，你也可以触发event.stopPropagation() (AFAIR返回false也可以)。

$(document).ready(function(){
    $('#sign_up').click(function(event){
        alert('Sign new href executed.');
        event.stopPropagation();
    });
});

尝试:

$(document).ready(function(){
   $('a .sign_new').click(function(){
      alert('Sign new href executed.'); 
   }); 
});

您混淆了class和href名称/选择器类型。

使用值为sign_new的href属性将click事件绑定到锚。

绑定类为sign_new的锚，或者绑定href值为#sign_up的锚。我更喜欢前者。

相关文章：