【分享】mui switch开关设置为只读效果

昨天提问，没人啊没人，所谓的只读就是要求去除点击效果，只运行js后台操作。
研究了下Mui.js后，如下：

当然，希望官方加入readonly属性！

1.重新定义mui-disable，取消透明样式，当然也可以在这里改变switch的颜色background-color

        .mui-switch.mui-disabled{  
            opacity:99;  
        }

PS，改变颜色：

        .mui-switch.mui-active.mui-disabled{  
            background-color:#eac;  
            border-color:#eac;  
            opacity:99;  
        }

2.在需要的的switch处加入mui-disabled属性

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

3.在代码中复制toggle方法并hook掉原来的toggle

        mui.ready(function() {  
            mui("#sw1").switch().oldtoggle = mui("#sw1").switch().toggle;  
            mui("#sw1").switch().toggle = function(){  
            };  
        });

4.在需要后台js操作的地方，调用新的toggle就可以了，同时你会发现点击该switch会失去效果。

        function tg(){  
            mui("#sw1").switch().oldtoggle();  
        };

5.大概就像附件这样！欢迎加分。