.mui-switch:before{  font-size: 13px;  position: absolute;  top: 3px;  right: 11px;  content: attr(data-off);  text-transform: uppercase;  color: #999;  }  .mui-switch.mui-active:before{  right: auto;  left: 15px;  content: attr(data-on);  color: #fff;  }<div class="mui-content"><ul class="mui-table-view"><li class="mui-table-view-cell"><span>報(bào)警消息設(shè)置</span><div class="mui-switch mui-active" id="mySwitch" data-off="關(guān)" data-on = "開"><div class="mui-switch-handle"></div></div></li> </ul> </div>

document.getElementById("mySwitch").addEventListener("toggle",function(event){ if(event.detail.isActive){  var btnArray = ['取消', '確認(rèn)'];mui.confirm('關(guān)閉報(bào)警推送消息后,系統(tǒng)將不再推送報(bào)警消息?', '警告!', btnArray, function(e) {if(e.index==1){console.log("你關(guān)閉了報(bào)警推送");}else{mui("#mySwitch").switch().toggle(); }},'div') }else{  }})