为了账号安全,请及时绑定邮箱和手机立即绑定

最后在div中还是显示'执行完成'字样

在习题中,当点击‘停止’按钮后,div中会显示‘执行停止’。但是过了一会后最终还是会在div 中显示‘执行完成’提示。

这样是不是可以理解为,虽然动图的动作是停止了,但是其实代码还是在跑的,最后走到执行‘$("#tip").html("执行完成!")’处,在页面上就显示‘执行完成’提示。

正在回答

1 回答

正确代码:

<script type="text/javascript">

            $(function () {

                $("span").animate({

                    left: "+=100px"

                }, 3000, function () {

                    $(this).animate({

                        height: '+=60px',

                        width: '+=60px'

                    }, 3000, function () {

                        $("#tip").html("执行完成!");

                    });

                });

                $("#btnStop").bind("click", function () {

                    $("span").stop();

                    $("#tip").html("执行停止!");

                });

            });

        </script>


缺少stop()调用

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154699    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程

最后在div中还是显示'执行完成'字样

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号