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

jQuery fadeOut().queue()配合使用的BUG

jQuery fadeOut().queue()配合使用的BUG

BIG阳 2019-03-28 14:10:11
ele.fadeOut().queue();后会影响后续对ele的fadeIn()操作。代码如下:<head><meta charset="UTF-8"><title>Title</title><style>    .container{        width: 90%;        height: auto;    }    #fadeDiv{        width: 20vw;        height: 20vh;        background: cadetblue;    }    .button{        width: 5vw;        height: 5vw;        border-radius: 50%;        background: deepskyblue;    }</style><script src="../jquery-3.1.1.min.js"></script></head><body><div class="container">    <div id="button0" class="button">button0</div>    <div id="button1" class="button">button1</div>    <div id="fadeDiv"></div></div><script>(function () {    $("#button0").click(function () {        $("#fadeDiv").fadeOut(1000).queue(function () {            console.log("1");        });    })    $("#button1").click(function () {        $("#fadeDiv").fadeIn();    })})()</script></body>目前在用setTimeOut()代替queue(),可行。不过想问下queue()这样用出现的后果是什么原因呢,辛苦各位大佬点解~~谢谢
查看完整描述

2 回答

?
森林海

TA贡献2011条经验 获得超2个赞

$("#fadeDiv").fadeOut(1000).queue(function () {

    $(this).dequeue();

});


查看完整回答
反对 回复 2019-03-29
  • 2 回答
  • 0 关注
  • 485 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信