Jquery 复选框样式化插件不工作

Jquery 复选框样式化插件不工作,jquery,css,checkbox,Jquery,Css,Checkbox,我正在使用复选框样式我正在使用两个选项卡,每个选项卡中都有一些复选框。但是这个插件不起作用 我制作了一个JSFIDLE演示来演示这个问题。即使它是如何工作的,但只有在我没有在任何选项卡格式中使用它的时候。但是不应该是这样的。有人能看看问题出在哪里吗 这不是好的jquery选择器 $(window).load(function() { $('input#on_off_on').iphoneStyle(); });​ =>:) 更新了嘿,我用编辑了宽度!重要信息如下所示 .iPhone

我正在使用复选框样式我正在使用两个选项卡,每个选项卡中都有一些复选框。但是这个插件不起作用


我制作了一个JSFIDLE演示来演示这个问题。即使它是如何工作的,但只有在我没有在任何选项卡格式中使用它的时候。但是不应该是这样的。有人能看看问题出在哪里吗

这不是好的jquery选择器

$(window).load(function() {
    $('input#on_off_on').iphoneStyle();
});​
=>:)



更新了嘿,我用
编辑了
宽度
!重要信息
如下所示

.iPhoneCheckContainer{
width:98px !important;
}
.iPhoneCheckHandle {
width:44px !important;
}

我建议使用复选框和标签“for”复选框并设置标签样式,而不是使用您不了解的插件是的,我是第一次使用此插件。当我在标签中使用它时,它会正常工作。朋友,问题可能是在JSFIDLE上使用它,但是单击general标签,你会看到我在说什么general标签吗?对我来说一切都很好,到底是什么问题?是的,点击常规选项卡,看看它是否正确显示(点击名为“常规”的选项卡,然后你将使用它正确显示。在常规选项卡中,按钮显示了它应该显示的宽度的1/10(在FF17和Chrome 20中)。嘿@SakshiSharma我已经更新了此演示检查