Làm cách nào để chặn liên kết với jQuery khi sử dụng cuộc gọi ajax?

Question

Tôi có thể đang làm điều gì đó ngu ngốc. Nhưng nếu tôi có một liên kết bình thường như:

<div id="changeMe"></div> 
<a href="/Not/Intercepted" id="interceptMe">A link</a> 

và tôi đính kèm một sự kiện click jQuery để liên kết như sau:

$('#interceptMe').click(function() { 
    $('#changeMe').text('Changed'); 
    return false; 
}); 

Mọi thứ hoạt động peachy. Trang không phải được chuyển hướng đến/Không/bị chặn, đó là những gì tôi nghĩ là đúng.

Bây giờ ...

tôi Giới thiệu bạn một cuộc gọi ajax như $ .get đến sự kiện click của tôi và bây giờ trang của tôi sẽ được chuyển hướng không chính xác để trang, trong đó chủ yếu ghi đè các cuộc gọi ajax.

$('#interceptMe').click(function() { 
    $.get('/Ajax/Call', goesIn, function(comesOut) { 
    $('#changeMe').html(comesOut); 
    }, "html"); 
    return false; 
}); 

Có cách nào để làm cho jQuery hoặc javascript vẫn chặn liên kết nhấp để nó không chuyển đến trang href? Tôi muốn giữ href cho những người dùng không bật javascript. TIA!

Answer 1

thay vì trở lại sai, sử dụng ....

$("#interceptMe").click(function(event){ 

    event.preventDefault(); 

    // Ajax here 

    return false; //for good measure 
}); 

http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29

Tôi đã có nhiều vấn đề với IE đặc biệt không nghe trả về false. Dường như có người khác http://coffeeandpaste.blogspot.com/2009/02/javascript-onclick-return-false-does.html