MUI官方文档中只说了toggle()函数可以切换开关的状态,并未提及如何通过js直接设置开关的初始状态。实际上开关是否开启,是通过开关div上的mui-active样式类来控制的,即如果有这个样式类则开关处于打开状态,否则为关闭。于是可以通过JS维护classList即可,HTML代码如下:
<div class="mui-switch mui-switch-blue mui-switch-mini" id="vibrationSwitch">
<div class="mui-switch-handle"></div>
</div>
JS代码如下:
if (isSwitchOn)
{
document.getElementById("vibrationSwitch").classList.add('mui-active');
}
else
{
document.getElementById("vibrationSwitch").classList.remove('mui-active');
}
话说,MUI官方文档总是感觉不那么细致,遇到官方文档中未提及的情况时,我们只能自己去多加分析和尝试了。