最近开发了一个基于mui框架的微信小程序，发现在使用mui框架中的switch开关时，想要实现联动功能，让一个主开关控制几个子开关。我发现虽然开关的颜色变了，但开关上的小点并没有动。对于刚进入mui框架的新手来说，我感到目瞪口呆。经过多方寻找，我自己解决了这个问题，所以想在这里分享一下。

在页面上

div class=' mui-switch mui-active ' div class=' mui-switch-handle '/div/div mui-active表示开关处于断开状态，去掉属性mui-active表示开关处于闭合状态。显然，大家都会认为使用js控件在对应的开关中添加或删除属性mui-active可以实现开关状态的动态控制，这在理论上是可以实现的，但是下图经常出现

这种情况的解决方案是清空div的样式，它的类属性是mui-switch-handle

代码是：

div class=' mui-switch mui-active ' div class=' mui-switch-handle '/div/div jquery代码：

$('.mui-开关-手柄’)。attr('style '，' ')；$('.mui-switch’)。remove class(' mui-active ')；我没有专门研究这个问题的原因。大概是mui框架在switch切换的时候在class=mui-switch-handle的div中增加了点移动样式，所以下次切换样式的时候应该清空之前的样式。

好了，忘了领养吧！

以上文章解决了mui框架中js控制开关开关打开或关闭时点不动的问题，这也是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。