感谢您使用我们的Proto.io 翻转开关 http://proto.io/freebies/onoff/ :)
以下是如何使用 JavaScript 启用对 IE8 的支持。
您需要做的是添加 css，该 css 将根据“onoffswitch-checked”类更改翻转开关的状态，然后在单击翻转开关时使用 javascript 切换该类。
首先在css中添加这两个声明：
.onoffswitch-checked .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checked .onoffswitch-switch {
right: 0px;
}
然后，使用 javascript 根据复选框是否选中来切换“onoffswitch-checked”类：
$(document).ready(function(){
$('.onoffswitch-label').click(function(){
$(this).parent().toggleClass('onoffswitch-checked');
});
});
另外，如果您选择了“默认情况下打开”选项，请确保将“onoffswitch-checked”类添加到您的 html 中：
<div class="onoffswitch onoffswitch-checked">
Notes:
有一种稍微简洁的方法可以使用复选框上的change()事件而不是标签上的click()来实现此目的，但不幸的是，当单击标签而不是复选框时，IE8不会触发change()事件。
最好在复选框上而不是在父级上触发选中的类，但是当类更改时，IE8 不会刷新相邻同级 CSS ( + ) :(
