2015-12-21 199 views
1

這是我的第一個jQuery代碼。在這裏我試圖做一個使用jquery ajax的內容加載機制。它應該加載容器div中的內容。但它是導航到一個全新的頁面。我希望'a'標籤不會導航到另一個頁面。我在這裏做錯了什麼?我可以如何實現這一目標?jquery ajax動態內容加載

<html> 

<body> 
<ul> 
<li><a href='about.html'>about</a></li> 
<li><a href='faq.html'>faq</a></li> 
</ul> 
<div id='content'></div> 
<script src='c/xampp/htdocs/practice/jquery/jquery.js'></script> 
<script> 
$('a').click(function(){ 
     var page=$(this).attr('href'); 
     $('#content').load(page); 
     return false; 
}); 
</script> 
</body> 
</html> 
+1

'C/XAMPP/htdocs中/實踐/ jQuery的/ jquery.js'應該是'C:/ XAMPP/htdocs中/實踐/ jQuery的/ jquery.js'假設你是一個Windows機器 –

+0

改變路徑名字沒有工作。 :(可能是我的jquery.js文件中的一個問題 –

+2

如果您在加載jQuery文件時遇到問題,可以隨時使用CDN,例如https://code.jquery.com/jquery-2.1 .4.min.js只需將**完整**鏈接複製到