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

成都創(chuàng)新互聯(lián)是一家專注于成都網站制作、成都做網站與策劃設計,昭蘇網站建設哪家好?成都創(chuàng)新互聯(lián)做網站,專注于網站建設10年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:昭蘇等地區(qū)。昭蘇做網站價格咨詢:13518219792

頁面上

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

mui-active表示開關為打開狀態(tài)，移除屬性mui-active開關就是關閉狀態(tài)，很顯然大家都會想到利用js控制給相應的switch添加或者移除屬性mui-active就可以達到動態(tài)控制開關狀態(tài)，理論上是可以的，但會經常出現(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");

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

好了，忘采納！

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

新聞名稱：解決mui框架中switch開關通過js控制開或者關狀態(tài)時小圓點不動的問題
網站鏈接：http://chinadenli.net/article16/gogddg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、虛擬主機、網站改版、網站收錄、網站排名、網站設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)