jQuery를 사용하여 메인 페이지의 외부 페이지를 동적으로 링크하는 방법은 무엇입니까?

Question

외부 페이지가 3 개 있습니다 (inicio.php, perfil.php 및 produtos.php). 그리고 내가 을 클릭하면 동적으로 나타나게하고 #contaMenuEsq에 각각 표시하고 싶습니다.

제 3의 링크를 탐색 할 때 fadeIn 및 fadeOut 효과를 사용하기 때문에 jQuery를 사용하고 싶습니다. 사전에 도움을

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() 읽으십시오. 콘텐츠를 동적으로로드 한 후 작업을보다 잘 제어 할 수 있습니다.