fadeIn页面fadeOut页面

Question

我很难让我的页面在点击新页面链接时淡出，页面淡入很好，但由于某些原因，在点击链接的现有页面上绕过了fadeout，我甚至尝试在淡出之前添加延迟，正如你所看到的，还有event.preventDefault，但默认仍然是初始化的。任何帮助都非常感谢..

示例js在这里：

    $(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()函数。你应该像这样在click函数中传递事件属性。

  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);
    });
});