0

html を使用する:

<div id="dynamic-choice">
<a href="http://www.google.com/" class="ajaxLink">click me</a>
<a href="a.nother/page/toload.html" class="ajaxLink">click me 2</a>
</div>

<div id="dynamic-content">
<p>this will be replaced</p>
</div>

とジャバスクリプト

<script src="js/jquery-1.8.2.js"></script>

<script>
$(document).ready(function(){
$('a.ajaxLink').click(function(){
var url = $(this).attr('href');
$('#dynamic-content').empty().load(url);
});
return false;
});
</script>

ただし、アンカーは通常のリンクとして動作しています:/

4

1 に答える 1

1
$('a.ajaxLink').click(function(e){
e.preventDefault();
var url = $(this).attr('href');
$('#dynamic-content').empty().load(url);
});

コードの作業バージョンです。

eアンカーが正常に動作しないようにするには、preventDefault メソッドを使用するためにイベントを渡す必要があります。

ドキュメンテーション:

event.preventDefault()

于 2012-10-29T19:35:20.727 に答える