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

鍍金池/ 問答/HTML5  HTML/ 使用點擊添加刪除CLASS的方法transition,在刪除CLASS后沒有動畫

使用點擊添加刪除CLASS的方法transition,在刪除CLASS后沒有動畫效果?

當(dāng)前是,點擊按鈕menu從左側(cè)滑出菜單nav,BODY整體向右移動。

樣式

body {
    position: relative;
    left: 0px;
    transition: left .2s;
}
body.is-active {
    left: 270px;
    transition: left .2s;
}
body.is-off {
    left: 0px;
    transition: left .2s;
}
nav {
    position: fixed;
    top: 0px;
    left: -270px;
    transition: left .2s;
}
nav.is-active {
    left: 0px;
    transition: left .2s;
}
nav.is-off {
    left: 0px;
    transition: left .2s;
}

點擊按鈕后我分別給body和nav添加class is-active,當(dāng)前只有body有過渡動畫,點擊從左側(cè)向右滑動,再點擊,從右側(cè)向左滑動。但nav就沒有任何效果,沒有滑動,那效果就是$('nav').toggle();并沒有移動效果。

請問該如何解決呢?謝謝!~

回答
編輯回答
柚稚

toggle(): 描述: 綁定兩個或多個處理程序綁定到匹配的元素,用來執(zhí)行在交替的點擊。

2018年4月18日 08:21
編輯回答
筱饞貓

試試:

    $('nav').toggleClass('is-active');
2017年12月12日 01:03