fadeIn page fadeOut page

Question

我很难在点击新的页面链接时让我的页面淡出，页面淡入淡出但由于某种原因fadeOut在点击链接的现有页面上被绕过，我甚至尝试在淡出之前添加延迟正如您所看到的那样，还有event.preventDefault，但仍然会启动默认值。任何帮助非常感谢..

参见示例js here：

    $(function() {
    $('body').css('display', 'none');
    $('body').fadeIn(1000);
    $('.link').click(function() {
        event.preventDefault();
        newLocation = this.href;
        $('body').delay(1500).fadeOut(1000, newpage);
    });

    function newpage() {

        window.location = newLocation;
    }
});

Answer 1

您应该在回调之前声明newPage（）函数。你应该像这样在点击功能中传递事件属性。

  function newpage() {
            window.location = newLocation;
    }
    $(function() {
    $('body').css('display', 'none');
    $('body').fadeIn(1000);
    $('.link').click(function(event) {
        event.preventDefault();
        newLocation = this.href;
        $('body').delay(1500).fadeOut(1000, newpage);
    });
});