mui如何实现一个swtich开关控制多个开关的问题，以及js中$ is not a function报错的问题

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

mui-active表示开关为打开状态，移除属性mui-active开关就是关闭状态，但是此时开关上的小圆点不会移除

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

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

$(".mui-switch").removeClass("mui-active"); 或者document.getElementById("mySwitch").classList.removeClass('mui-active');

需要注意$ is not a function报错

 

今天在做项目时，碰到了一个超奇怪的问题。我在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错。必须将jquery的js文件第一个引入，别的js文件放到它后面。在页面加载时，顺序加载引入的文件。要是jquery的js文件不是第一个被引入，那么别的js中的$.方法名就会报错。只有先引入了jquery的js文件，才能正确执行$.方法。！