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

mui-active表示开关为打开状态,移除属性mui-active开关就是关闭状态

这种情况出现的解决方法就是将 class属性为mui-switch-handle 的div的style进行清空就可以了

jQuery代码:

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

转载于:https://www.cnblogs.com/hailexuexi/p/9040328.html

MUI class=mui-switch开关 JQuery 控制开关相关推荐

  1. html switch开关实现隐藏,css3实现switch开关效果

    之前阿里电面的时候问的一个问题,今天抽时间做了个demo. html结构 css代码,:before负责颜色,:after是那个白色小圆点,切换时的过渡效果用css3的动画实现. .switch{ d ...

  2. Bootstrap Switch 开关控件

    Bootstrap Switch开关控件网址:http://www.bootcss.com/p/bootstrap-switch/ 引入. Bootstrap Switch插件和依赖插件,并初始化开关 ...

  3. android开发中Switch开关在Dialog中不显示

    今天遇到个问题,在dialog中switch开关不显示,而且还把texton 与textoff默认定为"开启","关闭".百度无果.google随便找了下也只看 ...

  4. CSS做个Switch开关

    Switch开关: 根据需求可知,Switch开关只有两种选择,true或false.所以我们想到HTML的checkbox控件,用它来做. <input id="switch&quo ...

  5. 前端学习(2717):重读vue电商网站37之通过switch开关更改用户状态

    首先,在 switch 开关添加一个 change 事件,并且通过作用域插槽的形式,将该行数据作为参数传入,目的是为了后续的修改. 在函数内我们将传递过来的参数作为我们请求的参数,通过 put 方式修 ...

  6. layui 列表上面的switch开关切换

    layui 列表上面的switch开关切换 HTML html <input type="checkbox" name="state" value = { ...

  7. vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法

    最近在使用element-ui库进行vue项目的开发,这个ui库对于一些后台管理项目的开发还是非常实用的,各种组件都比较齐全,而且文档也很详细.但是对于我这种初学者来说,部分组件的文档还需更加详细. ...

  8. switch开关 ~ 学习记录

    通过使用scope.row.value,实现 switch开关 与 数据 的一 一对应 <!-- 弹框 --><el-dialog:visible.sync="dialog ...

  9. Element ui Switch 开关二次确认弹窗后再更改开关状态

    Element ui Switch 开关二次确认弹窗后再更改开关状态 Switch 开关 基本用法 Events 重点: 禁用状态 Switch 开关 表示两种相互对立的状态间的切换,多用于触发「开/ ...

最新文章

  1. python库整理:heapq 最小堆
  2. 社区O2O全面遇冷,社区金融如何避免走入独特陷阱
  3. 全面布局大数据平台,银科控股签约神策数据
  4. 编程十年 (4):步入编程殿堂
  5. 计算机C语言知识点免费下载,全国计算机二级C语言知识点
  6. redistemplate set方法_spring boot整合redis ---- RedisTemplate 三分钟快速入门
  7. java实现遍历树形菜单方法——设计思路【含源代码】
  8. 【Pytorch神经网络基础理论篇】 08 Softmax 回归 + 损失函数 + 图片分类数据集
  9. JAVA进阶教学之(一维数组)
  10. PTA5-19 求链式线性表的倒数第K项
  11. Python获取照片信息
  12. 通过EPPlus导出Excel文件
  13. AnyLogic 建立谢林模型
  14. mapgis6.7原创2019视频教程
  15. 大话测试数据(二):概念测试数据的获取
  16. cocos-Lua FairyGUI 之 列表(九)
  17. 入门级短信推送,你还不会吗?
  18. HDU-OJ 杭电1495非常可乐
  19. python Linux学习之 ansible-- ansible test -m ping运行错误
  20. 创建带图文的超级菜单(导航菜单)(二)

热门文章

  1. 如何提高服务器响应的数据速度_提升网站服务器的响应速度的方法
  2. 使用 Navicat Premium12 创建报表
  3. linux中docker容器与宿主系统之间文件拷贝
  4. 怎样寻找大数据营销的切入点?
  5. samba 开通_LINUX开启SAMBA服务
  6. 系统学习机器学习之神经网络(一)--MLP及局部模型,RBF综述
  7. exif viewer java,1earn/XSS挑战-WalkThrough.md at master · dizhaung/1earn · GitHub
  8. 控制反转(IOC)入门
  9. 递归实现二分搜索(python)
  10. node.js入门及安装