jQuery fadeOut没有在锚链接上工作

Question

我正在尝试让我的网页在点击锚链接时淡出，但它无法正常工作。如果我按回来，它会返回我的网页，但会淡出。

$(function(){
    $('a.navlink').click(function(e){
        e.preventDefault();
        linkLocation = $(this).attr('href');
        $('#main-content').fadeOut(1500, redirectPage(linkLocation));  
    });
});

function redirectPage(link) {
    document.location.href=link;
}

Answer 1

问题是你传递的是函数的结果，而不是函数。

即。这样做

$(function(){
    $('a.navlink').click(function(e){
        e.preventDefault();
        var linkLocation = $(this).attr('href');
        $('#main-content').fadeOut(1500, function(){
            document.location.href = linkLocation;
        });  
    });
});

jQuery回调的一个很好的解释：

http://learn.jquery.com/about-jquery/how-jquery-works/#callbacks-and-functions