javascript - 如何使用jQuery动态地在主页中的外部页面之间建立链接？

Question

我有 3 个外部页面（inicio.php和perfil.php）produtos.php。我希望它们在#contaMenuEsq我单击"li".

我想使用 jQuery，因为我的意图是在这 3 个链接之间导航时使用fadeIn和效果。fadeOut

索引.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()。它使您可以在动态加载内容后更好地控制操作。