如何使用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()。在动态加载内容后，它可以让您更好地控制操作。