时间:2021-05-18
最近开发一个基于mui框架的一个微信小程序,发现在使用mui框架中的switch开关的时候,想要达到联动的功能,让一个主开关控制几个子开关,发现虽然开关的颜色变了,但是开关上的小圆点不动,对于刚入mui框架的新手,觉得一脸的懵逼,经过多方查找,然后自己动手,解决了这个问题,就想在此分享一下。
页面上
<div class="mui-switch mui-active"> <div class="mui-switch-handle"></div></div>mui-active表示开关为打开状态,移除属性mui-active开关就是关闭状态,很显然大家都会想到利用js控制给相应的switch添加或者移除属性mui-active就可以达到动态控制开关状态,理论上是可以的,但会经常出现如下图的情况
这种情况出现的解决方法就是将 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控制开或者关状态时小圆点不动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
苹果12怎么设置小圆点?在苹果手机中,有一个辅助触控功能,在触摸屏幕有困难时可以使用小圆点,那IPhone12手机中怎么打开小圆点呢,苹果12怎么设置小圆点,在
最近正在做微信小程序,需要实现一个流程进度的图样式如下面需求:没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单,实现
JS实现轮播图实现结果图:需求:1根据图片动态添加小圆点2目标移动到小圆点轮播图片3鼠标离开图片,定时轮播图片;鼠标在图片上时暂停4左右两侧可点击轮播图片一、布
iPhone6小圆点怎么设置?iPhone6小圆点,可以实现各种手势操作,包括手势锁屏、关机以及打开相关应用等,使用非常方便。不过iPhone6小圆点手势功能默
什么是“小圆点”---“小圆点”实际上叫做“AssistiveTouch”,它能帮助我们