亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

解決mui框架中switch開關(guān)通過js控制開或者關(guān)狀態(tài)時小圓點不動的問題

 更新時間：2019年09月03日 16:45:27   作者：TQFtqf小涂  
今天小編就為大家分享一篇解決mui框架中switch開關(guān)通過js控制開或者關(guān)狀態(tài)時小圓點不動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

最近開發(fā)一個基于mui框架的一個微信小程序，發(fā)現(xiàn)在使用mui框架中的switch開關(guān)的時候，想要達到聯(lián)動的功能，讓一個主開關(guān)控制幾個子開關(guān)，發(fā)現(xiàn)雖然開關(guān)的顏色變了，但是開關(guān)上的小圓點不動，對于剛?cè)雖ui框架的新手，覺得一臉的懵逼，經(jīng)過多方查找，然后自己動手，解決了這個問題，就想在此分享一下。

頁面上

<div class="mui-switch mui-active">
 <div class="mui-switch-handle"></div>
</div>

mui-active表示開關(guān)為打開狀態(tài)，移除屬性mui-active開關(guān)就是關(guān)閉狀態(tài)，很顯然大家都會想到利用js控制給相應(yīng)的switch添加或者移除屬性mui-active就可以達到動態(tài)控制開關(guān)狀態(tài)，理論上是可以的，但會經(jīng)常出現(xiàn)如下圖的情況

這種情況出現(xiàn)的解決方法就是將 class屬性為mui-switch-handle 的div的style進行清空就可以了

代碼為：

<div class="mui-switch mui-active">
 <div class="mui-switch-handle"></div>
</div>

jQuery代碼：

$(".mui-switch-handle").attr("style","");

$(".
mui-switch").removeClass("mui-active");

產(chǎn)生這個問題的原因我沒有具體研究，大概是mui框架在switch進行toggle的時候在 class=mui-switch-handle的div中加入的了圓點移動的樣式，所以下次要更改開關(guān)的樣式的時候需要把先前的樣式清空掉。

好了，忘采納！

以上這篇解決mui框架中switch開關(guān)通過js控制開或者關(guān)狀態(tài)時小圓點不動的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論