对象不会淡出

时间:2012-08-09 17:09:31

标签: jquery

我重复使用以下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>

1 个答案:

答案 0 :(得分:0)

您需要做的就是:

$(this).fadeOut();

而不是

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