我不能让这个AJAX jquery教程工作。不会加载页面
我不能让这个AJAX jquery教程工作。不会加载页面
提问于 2012-04-11 03:49:06
我的页面无法加载。有没有人能指出哪里出了问题？我尝试将文件路径更改为不同的文件，以防这是导致问题的原因。但仍然没有一个正在加载。应该发生的情况是，当用户单击链接时，页面应该加载到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教程，他们加载数据没有任何问题，所以我排除了与本地主机有关的问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-04-11 04:04:52
从您的ID中删除散列:)
<div id="#content_area"></div>
至
<div id="content_area"></div>
Stack Overflow用户
发布于 2012-04-11 03:51:24
我相信你是在找$('.menu_top:first-child')
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10095424
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号