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

Question

我有 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>

提前感谢您的帮助。

Answer 1

您检查过 jQuery .load() 吗？和 fadeIn ？

$('#contaMenuDir').on('click','li',function(){
    var text = this.attr('id');
    $('#contaMenuEsq').load(text+'.php',function(){
        //run fade here
    });
});

我建议您阅读 get()反而。它使您可以更好地控制动态加载内容后的操作。