阿賈克斯，jQuery的更換

Question

使用HTML：

<div id="dynamic-choice"> 
<a href="http://www.google.com/" class="ajaxLink">click me</a> 
<a href="a.nother/page/toload.html" class="ajaxLink">click me 2</a> 
</div> 

<div id="dynamic-content"> 
<p>this will be replaced</p> 
</div> 

和JavaScript

<script src="js/jquery-1.8.2.js"></script> 

<script> 
$(document).ready(function(){ 
$('a.ajaxLink').click(function(){ 
var url = $(this).attr('href'); 
$('#dynamic-content').empty().load(url); 
}); 
return false; 
}); 
</script> 

但是錨只是表現爲正常的鏈接：/

Answer 1

$('a.ajaxLink').click(function(e){ 
e.preventDefault(); 
var url = $(this).attr('href'); 
$('#dynamic-content').empty().load(url); 
}); 

是工作版本你的代碼。

您必須通過事件e才能使用preventDefault方法來防止錨點正常工作！

文檔：

event.preventDefault()