jQuery在淡出之前淡出了

StackOverflow https://stackoverflow.com/questions/4111314

  •  29-09-2019
  •  | 
  •  

题

我正在制作我的投资组合，完全基于JavaScript。 http://portfolio.theadamgaskins.com/portfolio/

我的问题是，当您单击“导航”按钮之一时，新页面在另一个页面逐渐消失的同时逐渐消失。当前页面应在新页面逐渐消失之前淡出。这是我正在使用的代码：

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

这是不属于上下文的；随意地 View Source 在网站上。

有帮助吗？

解决方案

发生这种情况是因为某些元素是 已经 隐藏，因此他们的回调立即执行...导致您的同时动画。为了补救这个添加 :visible 对于您要动画的元素选择者，这样的元素：

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

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top