0

我正在尝试使用 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 相同的结果。

4

1 回答 1

4

尝试:

$('.menu_top').click(function() {
    var href=$(this).attr('href');
    alert (href);
    $('#content-area').load(href);
    //return false;
});

因为您的 div 被调用#content-area,而不是#content_area.

于 2013-08-10T18:21:29.340 回答