無法讓JQuery回調函數工作

Question

我剛剛開始使用jquery，並且遇到以下代碼的問題。 點擊我想先運行If語句，然後完成div（#top）的fadeToggle。我的代碼不工作，任何幫助將不勝感激。

$('body').click(function() { 
    if ($('#top').css('display') == 'block') { 
     $('#bottom').css({'background': "url('image' + n + '.png')"}); 
    } 
    else { 
     $('#top').css({'background': "url('image' + n + '.png')"}); 
    } 
    n++, function() { 
     $('#top').fadeToggle(2000); 
    }; 
}); 

Answer 1

您有錯誤。它應該是：

n++; 
//-^ Should be a semi-colon and not comma. 

我會爲您提出一個更好的解決方案。您需要使用：

$('body').click(function() { 
    if ($('#top').is(":visible")) { 
    $('#bottom').css({'background': "url('image' + n + '.png')"}); 
    } 
    else { 
    $('#top').css({'background': "url('image' + n + '.png')"}); 
    } 
    $('#top').fadeToggle(2000, function() { 
    n++; 
    }); 
});