带有回调问题的JQuery fadeto动画

Question

这是我的代码：

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

在这种情况下，不会调用回调函数。我使用了firebug工具来解决问题的根源。在回调函数中，'columnToShow'变量不存在。我认为这是合乎逻辑的，因为它是一个单独的块，但我怎么能解决这个问题呢？你有任何提示吗？

谢谢！

Answer 1

问题是columnToShow变量超出范围。在那一点上它没有任何意义。而是尝试$（this）.fadeIn（“slow”）。

$（this）指的是当回调函数附加到该元素时刚刚淡化的元素。

编辑:(误读了问题）

如果你改变它，它应该有效。

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