gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 21:03:22 24 4
gpt4 key购买 nike

我有 3 个外部页面(inicio.phpperfil.phpprodutos.php)。我希望当我点击 “li” 时,它们能够动态且分别地出现在 #contaMenuEsq 中。

我想使用 jQuery,因为我的目的是在这 3 个链接之间导航时使用 fadeInfadeOut 效果。

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>

提前感谢您的帮助。

最佳答案

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

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

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

关于javascript - 如何使用 jQuery 动态地在主页中的外部页面之间建立链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10475034/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com