这是我的第一个 jquery 代码。在这里,我尝试使用 jquery ajax 做一个内容加载机制。它应该在容器 div 中加载内容。但它正在将我导航到一个全新的页面。我希望“a”标签不会将我导航到另一个页面。我在这里做错了什么?我该如何实现?
<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>
最佳答案
您正在点击一个链接,在您执行任何操作之前应该将您带到该页面。使用 event.preventDefault()
来防止这种情况。
$('a').click(function(event){
event.preventDefault();
var page=$(this).attr('href');
$('#content').load(page);
return false;
});
您还应该使用您的本地主机 url 包含 jQuery :(我猜您正在为页面使用正确的链接?)
<script src='http://localhost/practice/jquery/jquery.js'></script>
请记住,type="text/javascript"
定义在 html5 中不是必需的。但是你没有使用 html5 文档类型定义。在页面中所有内容的顶部使用它。
<!DOCTYPE html>
关于javascript - jquery ajax 中的动态内容加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34387854/