我正在尝试使用 jQuery 在 div 中打开一个 href,而不是简单地链接到新页面。我查看了许多教程,但 load() 函数似乎对我不起作用。
请看一下我的代码,让我知道缺少哪一块拼图。
这是我的 HTML 页面:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Jquery</title>
</head>
<body>
<!-- nav links to open in div#content area -->
<a class="menu_top" href="pages/home.php">Home</a> | <a class="menu_top" href="pages/about.php">About</a> | <a class="menu_top" href="pages/contact.php">Contact</a>
<!-- div for links to open in -->
<div id="content-area"></div>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
</body>
还有我的 jQuery Javascript:
$('.menu_top').click(function() {
var href=$(this).attr('href');
alert (href);
$('#content_area').load(href);
//return false;
});
我添加了警报以确保正在检索 URL,并且确实如此,然后它将完全加载新页面。所以我添加了“return false”,在提示 load() 不起作用的警报之后它什么也没做。
最初是通过 WAMP 运行它,所以我尝试直接从文件夹运行页面,浏览器尝试下载链接的页面而不是打开它们。我还尝试上传到远程网站并得到与 WAMP 相同的结果。