Javascript 返回错误失败_Javascript_Jquery

Javascript 返回错误失败

javascript jquery

Javascript 返回错误失败,javascript,jquery,Javascript,Jquery,我试图使用一个简单的过程，我从一本学习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.dt

我试图使用一个简单的过程，我从一本学习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>

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

试试这个：

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

请尝试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);
});

}))

我决定用另一个verison替换我的jQuery文件，结果成功了。我使用的是最新版本，但当我切换到1.7.2时，它起了作用

您所拥有的应该起作用。检查控制台中停止

返回false的错误最可能的原因是jquery没有被正确地包含。正如您在上面看到的，我正在包含jquery。不确定问题会在哪里…你包括了它，但你包括它是否正确？这条路对吗？检查错误控制台中的错误和网络选项卡中的404错误。return false
应该执行preventDefault（）的操作。return false应该执行preventDefault（）的操作。
$(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);
});