jQueryを使用してメインページの外部ページ間をリンクする方法は？

Question

私は3つの外部ページ（inicio.php,perfil.phpおよびprodutos.php）を持っています。そして、私は彼らををクリックすると、それぞれ#contaMenuEsqに動的に表示したいと思います。

jQueryを使用したいのは、これら3つのリンク間を移動するときにfadeInとfadeOutのエフェクトを使用することです。

のindex.php

<div id="contaMenuDir"> 
    <div id="contaMenuOpcoes"> 
    <ul> 
     <li id='inicio'>Inicio</li> 
     <li id='perfil'>Perfil</li> 
     <li id='produtos'>Produtos</li> 
    </ul> 
    </div> 
</div> 
<div id="contaMenuEsq"></div> 

は、事前にあなたの助けのためにありがとうございました。

Answer 1

jQuery .load()とfadeInをチェックしましたか？

$('#contaMenuDir').on('click','li',function(){ 
    var text = this.attr('id'); 
    $('#contaMenuEsq').load(text+'.php',function(){ 
     //run fade here 
    }); 
}); 

代わりにget()を読むことをお勧めします。コンテンツを動的にロードした後のアクションをより詳細に制御できます。