代码之家 › 专栏 › 技术社区 › Entity

jQuery淡入前淡出

fading jquery javascript

2

Entity · 技术社区 · 14 年前

http://portfolio.theadamgaskins.com/Portfolio/

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

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

View Source 在现场。

1 回复 | 直到 14 年前

1

3

Nick Craver 14 年前

这是因为有些元素已经 :visible 对于要设置动画的元素选择器,如下所示:

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

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