jquery - 对象不淡出

Question

我正在重新使用以下 JavaScript 使对象在单击时淡出，但该对象不会产生淡出动画。任何人都可以帮助我吗？

<script type="text/javascript">
    $(document).ready(function() {

        $curtainopen = false;

        $(".sticker").click(function(){
            $(this).blur();
            if ($curtainopen == false){ 
                $(this).stop().fadeOut(1600, "linear", complete); 
                $(".leftcurtain").stop().animate({top:'-2000px'}, 6000 );
                $(".rightcurtain").stop().animate({bottom:'-2000px'},6000 );
                $curtainopen = true;
            }else{
                $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
                $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
                $curtainopen = false;
            }
            return false;
        });

    }); 
</script>

这是原始的javascript：

<script type="text/javascript">
    $(document).ready(function() {

        $curtainopen = false;

        $(".sticker").click(function(){
            $(this).blur();
            if ($curtainopen == false){ 
                $(this).stop().animate({top: '-300px' }, {queue:false, duration:1000, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({top:'-2000px'}, 6000 );
                $(".rightcurtain").stop().animate({bottom:'-2000px'},6000 );
                $curtainopen = true;
            }else{
                $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
                $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
                $curtainopen = false;
            }
            return false;
        });

    }); 
</script>

Answer 1

您需要做的就是：

$(this).fadeOut();

代替

$(this).stop().fadeOut(1600, "linear", complete);