Question

我的网页不会加载。任何人都可以建议什么是错的？我尝试将文件路径更改为不同的文件，以防出现问题。但他们仍然没有加载。应该发生的是，当用户点击链接时，页面应该加载到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教程，他们没有任何问题地加载数据，所以我排除了它与本地主机有关。

Answer 1

从您的ID中删除哈希：）

<div id="#content_area"></div>

到

<div id="content_area"></div>

Answer 2

我相信你正在寻找$('.menu_top:first-child')

我无法使用这个AJAX jquery教程。不会加载页面

2 个答案: