在IE8中使用proto.io进行ON / OFF开关工作(Make on/off switch w

Proto.io提供有关使用CSS / off开关按钮，一个非常好的解决方案。 但是，在IE8不工作。 http://proto.io/freebies/onoff/

任何人都知道如何与JS解决这个问题？ 或者是有，你会建议，将在IE8任何其他的工作开启/关闭开关按钮解决方案？

Answer 1:

感谢您使用我们的Proto.io flipswitch :)

下面介绍如何启用对IE8的支持，使用JavaScript。

你需要做的是添加CSS，这将改变依赖于“onoffswitch核对”类flipswitch的状态，然后使用JavaScript切换该类每当点击flipswitch。

首先在CSS中添加这两个声明：

.onoffswitch-checked .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checked .onoffswitch-switch {
    right: 0px; 
}

然后，使用JavaScript来切换取决于复选框是否被选中或不是“onoffswitch核对”类：

$(document).ready(function(){
    $('.onoffswitch-label').click(function(){
        $(this).parent().toggleClass('onoffswitch-checked');
    });
});

另外，如果你选择了“开启默认”选项，确保将“onoffswitch核对”类添加到您的HTML：

<div class="onoffswitch onoffswitch-checked">

笔记：

有一个稍微更清洁的方式来实现这一点使用上的复选框，而不是点击（）标签上的变化（）事件，但不幸的是IE8不会触发点击，而不是复选框的标签时的变化（）事件。

这也将是更好的触发的复选框而不是在父类的检查，但IE8不刷新相邻的兄弟姐妹CSS（+），当一个类被改变:(

Answer 2:

该Proto.io页提到，“...... IE8不支持CSS：检查选择器”，所以不支持。 这意味着你也许可以得到它包括IE修复此，例如填充工具工作selectivizr 。

编辑：Proto.io页也提到（通过浏览器的图标列表上的IE工具提示）是IE8可以与一些附加的JavaScript支持。 此代码已经在这里提供了由anna.mi答案，谁就是这个开关的实际作者。

文章来源: Make on/off switch work in IE8 using proto.io