在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ jQuery fadeOut().queue()配合使用的BUG

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

ele.fadeOut().queue();后會(huì)影響后續(xù)對(duì)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(),可行。
不過(guò)想問(wèn)下queue()這樣用出現(xiàn)的后果是什么原因呢，辛苦各位大佬點(diǎn)解~~謝謝

回答
編輯回答
負(fù)我心

參見(jiàn)：http://jquery.cuishifeng.cn/q...
文檔直接規(guī)定調(diào)用queue()之后必須在里面調(diào)用dequeue() ，后面的動(dòng)畫(huà)隊(duì)列才能夠正常執(zhí)行。估計(jì)源碼里面設(shè)置了flag,需要通過(guò)dequeue()恢復(fù)flag值

2018年1月25日 12:39
編輯回答
荒城
$("#fadeDiv").fadeOut(1000).queue(function () {
    $(this).dequeue();
});
2018年6月5日 18:07