我的页面不会加载。谁能提出什么问题?我尝试将文件路径更改为不同的文件,以防导致问题。但仍然没有一个正在加载。应该发生的是,当用户单击链接时,页面应该加载到 div 中。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> jquery example</title>
<style>
</style>
</head>
<body>
<a class="menu_top" href="pages/home1.php">Home</a>/
<a class="menu_top" href="portfolio.php">Portfolio</a>/
<a class="menu_top" href="contact.php">Contact</a>
<div id="#content_area"></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery_code.js"></script>
</body>
jQuery
$(document).ready(function() {
$('#content_area').load($('.menu_top:first').attr('href'));
});
$('.menu_top').click(function() {
var href = $(this).attr('href');
alert('clicked');
$('#content_area').hide().load(href).fadeIn('normal');
return false;
});
当我单击 .menu_top 元素时,我能够看到警报。但它不会将其加载到页面上。我尝试将文件重命名为 .html,但它仍然无法使用。我在 xammp 本地主机上运行,这似乎适用于其他一切。我检查了我的控制台是否有错误,它没有返回任何错误。
我刚刚完成了一些以前的 ajax 教程,他们加载数据没有任何问题,所以我排除了它与本地主机有关的问题。