删除默认<a href> action

Question

Is there any way to stop the page from loading the next page when someone clicks on a <a> tag instead i want it to give the href value so for example "www.google.com" and then do a jquery .load() which is like this

$(".window").load(hrefvalue); 

i know i could just change all the href values to fire up a javascript function but that takes a bit of time so im just looking for the easiest way.

so i want it to do

1. stop the page loading the next part on a <a href click.
2. get the href value e.g http://www.google.com。
3. 然后做一个jquery (.load()或$.ajax()）调用href页面。

Answer 1

这应该让你开始：

$(document).on('click', 'a', function(event) { 
    event.preventDefault(); // Now the link doesn't do anything 
    var href = this.href;  // The link's URL is in this variable 
}); 

Answer 2

可以做类似

$(document).on('click', '*[href]', function(e) { 
    // Whatever you're trying to do 
    e.preventDefault(); 
    return false; 
}); 

Answer 3

$(document).on('click','a[href]',function(){ 
    var href = $(this).attr('href'); 

    $.ajax(href,function(data){ 
     $(your_container).html(data); 
     //data is the HTML returned 
     //note that ajax is bound to the 
     //same origin policy 
     //any request outside your domain won't work 
    }) 

    return false; 
}); 

Answer 4

<a href="javascript:void(0);">...</a> 

再经过你能写剧本，这种定位的。

Answer 5

这应做到：

$("a").click(function(event) { 
    event.preventDefault(); 
    var href = $(this).attr("href"); 
    $.ajax({ 
    url: href, 
    success: function(data) { 
     alert('Load was performed.'); 
    } 
    }); 
});