0

我正在尝试使用从学习 jQuery 的书中学到的简单程序，但它似乎不起作用。

单击链接时，我正在尝试将单独的 html 页面加载到 DIV 中。

我的主 html 页面如下所示：

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
<head>
<title>My Page</title>

<script src="_js/jquery-1.7.2.min.js"></script> 
<script src="_js/myJava.js"></script>
</head>

<body>
<div id="wrapper">
<h1>My Name</h1>

<div id="menu">
<ul>
<li class="wx"><a href="work.html">WORK EXPERIENCE</a></li>
<li class="wx"><a href="education.html">EDUCATION</a></li>
<li class="wx"><a href="skills.html">SKILLS &amp; CERTIFICATIONS</a></li>
<li class="wx"><a href="refs.html">REFERENCES</a></li>
</ul>
</div>

<div id="exp">
</div>

</div>
</body>
</html>

我的 js 页面上有这个：

$(document).ready(function() {
$('.wx a').click(function() {
var url=$(this).attr('href');
$('#exp').load(url);
return false;
}); 
});

不过，每次我点击一个链接时，它都会将我引导到新页面，而不是将其加载到我的“exp”div 中。有任何想法吗？

4

3 回答 3

1

试试这个：

$(document).ready(function() {
  $('.wx a').click(function(e) {
    e.preventDefault();
    var url=$(this).attr('href');
    $('#exp').load(url);
  }); 
});
于 2013-11-06T16:10:10.373 回答
1

尝试 preventDefault()，如果这不起作用，那么 jQuery 没有正确加载或者你有某种冲突或错误发生。所以检查错误控制台。

$(document).ready(function() {
$('.wx a').click(function(e) {
e.preventDefault(); //prevents default event triggered by clicking on anchor element
var url=$(this).attr('href');
$('#exp').load(url);
});

});

于 2013-11-06T16:12:28.997 回答
0

我决定用另一个版本替换我的 jQuery 文件，它工作正常。我使用的是最新版本，但是当我换到 1.7.2 时它工作了

于 2013-11-06T16:18:25.917 回答