0

次のコードを使用して、特定のdiv(.source_div)をWebサイトのある部分からWebサイトの別の部分の別のdiv(.destination_div)に取り込みます。

<script type="text/javascript">
$(document).ready(function(){
$('.destination_div').load('http://myurl.mypage.com/something.aspx .source_div');
});
</script>

ただし、.source_divには、私のWebサイトの他の部分に移動するリンクが含まれています。これらのリンクをクリックすると、それらのページが、現在表示しているのと同じ.destination_div内に表示され続け、別のページに移動しないようにしたいと思います(現在のページです)。もう少し関連するメモとして、.source_div内に、htmlを追加するポストバックを実行するフォームもあります。これは私の.load内でも機能しません。私は周りを見回しましたが、これらのいずれかを正しく行う方法を理解できません。誰かがこれらの問題の一方または両方を手伝ってくれませんか?

4

2 に答える 2

0

実装は次のようになります。

$(document).ready(function(){
   $('.destination_div').load('http://myurl.mypage.com/something.aspx .source_div'); // your page is loaded first
   $('.destination_div').on('click','a',function() {
       var url = $(this).attr("href");
       $('.destination_div').load(url);
       return false;
   });
});​

編集:以前のコードを追加しました

于 2012-06-21T22:28:35.383 に答える
0

指定されたリンクのhrefを使用してdestination_div、同じを実行する要素内のすべてのアンカータグにイベントを委任します。.load

http://api.jquery.com/on
http://api.jquery.com/delegate

于 2012-06-21T21:25:05.583 に答える