gpt4 book ai didi

javascript - 返回 FALSE 失败

转载 作者:行者123 更新时间:2023-12-02 18:09:37 24 4
gpt4 key购买 nike

我正在尝试使用我从一本学习 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 中。有什么想法吗?

最佳答案

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

});

关于javascript - 返回 FALSE 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19816654/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com