如何使用href调用a jQuery函数？

Question

I have a binded jquery function on an a element with a href attribute

If the a has no href attribute, the function bound to the click event will fire

If it has a href attribute it wont

Help?

Answer 1

Try this:

$('a').click(function(e) {
    e.preventDefault(); //preventing the link from being followed.
    // your code
});

Answer 2

I imagine you want to return false from your handler, which will cancel the ANCHOR's following the HREF.

<a href="http://www.yahoo.com" id="test">Test</a>

$('#test').click(function(){
    alert('test');
    return false;
});

http://jsfiddle.net/MysjS/

Answer 3

I think your problem is that the event is indeed firing, but since you have an <a> with an href the browser is also reloading or switching pages. If you want to prevent that behavior you need to return false; from you click event.

Answer 4

$("a").click(function() {
    if(!$(this).attr("href")) {
       //fire
   } 
});

Answer 5

Better use javascript:void(0); in anchor tag -> http://www.tizag.com/javascriptT/javascriptvoid.php

Answer 6

这是一个简单的解决方案

href="javascript:alert('Hello');"