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

鍍金池/ 問答/HTML/ 字體圖標(biāo)方向轉(zhuǎn)化不了?

字體圖標(biāo)方向轉(zhuǎn)化不了?

<a class="glyphicon glyphicon-chevron-down" id="row"></a>

$("#row").click(function(){
    $(this).toggleClass('glyphicon glyphicon-chevron-up');
})

為什么轉(zhuǎn)換不了箭頭方向?

回答
編輯回答
老梗

toggleClass的用法就是,如果你選擇的頁面元素中存在class屬性,那就去掉calss屬性;如果不存在class屬性,就添加class屬性。

<a class="glyphicon glyphicon-chevron-down" id="row"></a>

$("#row").click(function(){
    $(this).toggleClass('glyphicon glyphicon-chevron-up');
}) 

點(diǎn)擊一次的時候,代碼去掉 ‘glyphicon’ 加上 ‘glyphicon-chevron-up’
代碼變成了

<a class="glyphicon-chevron-down glyphicon-chevron-up" id="row"></a>

所以圖標(biāo)顯示不出來

要想實(shí)現(xiàn)切換可以改成

$("#row").click(function(){
    $(this).toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
})
2018年6月18日 03:34