javascript - "fadeTo"函数忽略时间

Question

我有一个 div，我用两个 div(分别命名为打开和关闭)为它的位置设置动画。

我希望“打开”div 在打开动画完成时淡出并且不可见。并在关闭动画完成时淡入可见。

但是淡入有问题。时间参数被忽略，它出现在点击 Action 发生时。

这是我的代码和一个 fiddle ，可以清楚地看到代码发生了什么；

$('.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);
    });

fiddle 是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 example

来自docs on .fadeTo() :

opacity Type: Number A number between 0 and 1 denoting the target opacity.