如何使用jQuery動態地在主頁面中的外部頁面之間建立鏈接？

Question

我有3個外部頁面（inicio.php,perfil.php和produtos.php）。我希望它們在#contaMenuEsq中動態顯示並分別顯示，因爲我點擊了"li"。

我想使用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()。它可以讓您在動態加載內容後更好地控制操作。