jQuery自定义动画在中途停止后如何继续运动?

代码如下:

 <script src="../jQueryLibrary/jquery-1.11.3.js"></script>
<script>
        $(function(){
            $('button').eq(0).click(function(){
                $('#box').animate({
                    'left' : '800px'
                }, 4000).animate({
                    'top' : '400px'
                }, 3000).animate({
                    'left' : '0px',
                    'transform' : 'scale(1.5)'
                }, 4000);
            });
            $('button').eq(1).click(function(){
                $('#box').stop(true);
            });
        });
</script>
<style>
        #box{
            width:300px;
            height:300px;
            background:green;
            position:absolute;
        }
</style>

<body>
    <button type="button">start</button>
    <button type="button">stop(clearQueue)</button>
    <div id="box"></div>
</body>

我点击了start按钮之后,当div运动在第二个动画时,我点击了stop(clearQueue)按钮,动画停止,那么如何让动画继续运动下去?

1个回答

没有清除队列,再点一次start就行了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐