Javascript 如何使用jQuery在主页中动态创建外部页面之间的链接？

我有3个外部页面（

inicio.php

，

perfil.php

和

produtos.php

）。当我点击

“li”

时，我希望它们在

#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>

inicio'
perfil'
produtos

---

提前感谢您的帮助。

您签出jQuery和了吗

---

我建议你读一下。动态加载内容后，它可以让您更好地控制操作。

您是否签出了jQuery和

---

我建议你读一下。动态加载内容后，您可以更好地控制操作。

是的，但我也想使用fadeIn和fadeOut。我无法参与。加载（）淡入淡出。。顺便说一句，我不能真正理解你的代码。@Andre

load（）

允许回调，用它来运行淡入淡出。只是错过了

，我添加了它。谢谢@约瑟夫：谢谢你的帮助，我忘了把每个“李”的id都放进去了。有必要吗？因为我无法理解示例的这一部分：

$（'contaMenuEsq'）.load（text+'.php'，function（）{//run fade here}）如何识别每个“li”？好的！知道了。非常感谢你。我也会准备好get（）。是的，但我也想使用fadeIn和fadeOut。我无法参与。加载（）淡入淡出。。顺便说一句，我不能真正理解你的代码。@Andre
load（）
允许回调，用它来运行淡入淡出。只是错过了
，我添加了它。谢谢@约瑟夫：谢谢你的帮助，我忘了把每个“李”的id都放进去了。有必要吗？因为我无法理解示例的这一部分：
$（'contaMenuEsq'）.load（text+'.php'，function（）{//run fade here}）如何识别每个“li”？好的！知道了。非常感谢你。我也会准备好get（）。是的，我正在尝试@Joseph的建议。我的问题是在给出答案之前提出的，并且是针对你在给出任何答案之前尝试过的内容。是的，我正在尝试@Joseph的建议。我的问题是在给出答案之前提出的，并针对您在给出任何答案之前尝试过的内容。
$('#contaMenuDir').on('click','li',function(){
    var text = this.attr('id');
    $('#contaMenuEsq').load(text+'.php',function(){
        //run fade here
    });
});