“ fadeTo”功能忽略時間

Question

我有一個div，並用兩個div（分別稱為open和close）為它的位置設置動畫。

我希望“打開” div在打開動畫完成時淡出並不可見。 並在關閉動畫完成時隨着淡入而變得可見。

但是淡入存在問題。時間參數將被忽略，並在發生點擊操作時出現。

這是我的代碼，還有一個小提琴，可以清楚地看到代碼的狀態。

$('.open').on('click', function(){
    $('.menu').animate({"marginLeft":"-30px"},1000);
    $('.open').fadeTo(1000, 0);
    setTimeout(function () {
        $('.open').css({"display":"none"})}, 1000);
    });
$('.close').on('click', function(){
    $('.menu').animate({"marginLeft":"82%"},1000);
    $('.open').fadeTo(1000, 100);
    });

小提琴是http://jsfiddle.net/ctarimli/B9h2w/

我所知; 第一個參數是時間，第二個參數是“ fadeTo”中的不透明度。 告訴我，如果我錯了或者對此有什么解決方案？

Answer 1

不透明度從0到1，而不是0到100。使用：

$('.close').on('click', function () {
    $('.menu').animate({
        "marginLeft": "82%"
    }, 1000);
    $('.open').fadeTo(1000, 1);
});

jsFiddle示例

從.fadeTo()的文檔中 ：

opacity類型：數字0到1之間的一個數字，表示目標不透明度。