gpt4 book ai didi

javascript - jQuery 在淡入之前淡出

转载 作者:行者123 更新时间:2023-11-29 20:20:36 26 4
gpt4 key购买 nike

我正在制作我的作品集,完全基于 javascript。 http://portfolio.theadamgaskins.com/Portfolio/

我的问题是,当您单击其中一个导航按钮时,新页面淡入的同时另一页淡出。当前页面应该在新页面淡入之前淡出。这是我正在使用的代码:

    $("#homeButton").click(function()
{
$('.page[id!="homePage"]').fadeOut('400', function()
{
$("#homePage").fadeIn('400');
});
});

这是断章取义的;请随时在网站上查看源代码

最佳答案

发生这种情况是因为一些元素已经被隐藏了,所以它们的回调会立即执行...导致你的同步动画。要解决此问题,请添加 :visible到要设置动画的元素选择器,如下所示:

$("#homeButton").click(function() {
$('.page[id!="homePage"]:visible').fadeOut('400', function() {
$("#homePage").fadeIn('400');
});
});

这样您就不会将动画或有问题的回调附加到已经隐藏的元素。

关于javascript - jQuery 在淡入之前淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4111314/

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