divを置換するタグを使用

Question

私のサイトには2つのページがありますが、どちらもハイパーリンクを持っていますが、ユーザーがそのハイパーリンクをクリックすると、そのページの特定のdivが他のページの特定のdivに置き換えられる必要がありますそれをプログラムする。ページ1のように

構造

page1.html

​​

page2.html

<div id="no_replace"> 
    <a href="page1.html">page 1</a> 
    <div id="replace"> 
    //page two stuff 
    </div> 
</div> 

USRは、リンクをクリックしたときに "ページ2" ...私は「を置換したいです'page divのpage divはpage2.htmlの' replace 'divに置き換えられ、フェードインとフェードアウトがあるはずです

Answer 1

使用load（）メソッド

$('a').click(function(){ 
    $('div').load($(this).attr('href')); 
}); 

Answer 2

最初にリンクにIDまたはクラスを指定してください。私はあなたがe.preventDefault()を行うことによって、リンクのデフォルトの動作を停止する必要が.loadpage

$('a.loadpage').click(function(e){ 
    e.preventDefault(); 
    var div = $('#replace'); 
    div.fadeOut(300).load($(this).attr('href'), function(){ div.fadeIn(300); }); 
}); 

まずそれを呼び出すつもりです。次に、load()メソッドを使用して、ロードしようとしているページの内容を取り込む必要があります。

Answer 3

$(function(){ 
    $("a").click(function(){ 
    $.get({url:"page2.html", 
      success: function(data){ 
      $("#replace").html($("#replace", $(data)).html()); 
    } 
    }); 
    }); 
});