有回調的問題

Question

JQuery的fadeto動畫這裏是我的代碼：

function hideColumnAndShowOther(columnToHide, columnToShow) { 
$(columnToHide).fadeTo("slow", 0.0, function() { 
         $(columnToShow).fadeIn("slow"); 
         }); 
} 

在這種情況下，回調函數沒有被調用。我使用了螢火蟲工具來解決問題的根源。在回調函數中，'columnToShow'變量不存在。我認爲這是合乎邏輯的，因爲它是一個獨立的區塊，但我怎麼才能解決這個問題呢？你有小費嗎？

謝謝！

Answer 1

問題是columnToShow變量超出了範圍。這意味着什麼都沒有意義。請嘗試$（this）.fadeIn（「slow」）。

$（this）引用了當您將回調函數附加到該元素時剛剛消失的元素。

編輯：（誤讀的問題）

如果你改變它像下面這樣它應該工作。

function hideColumnAndShowOther(columnToHide, columnToShow) { 
    var showColumn = columnToShow; 
    $(columnToHide).fadeTo("slow", 0.0, 
     function() { 
      $(showColumn).fadeIn("slow"); 
     }); 
}