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 に答える