bootstrap-switch 使用中不生效的问题

最近业务需要找一个滑动开关的插件，发现了bootstrap-switch 做的很好看，于是打算上手操作。

按照官网的引入css、js后，发现并不会生效，黑人问号一脸？？？？。如下图：

这是怎么回事，后来发现需要页面加载完成后加载一次。

// 初始化 注意：state 属性的设置一定放在最后，别问我问什么，哈哈
$(item).bootstrapSwitch('onText','开启').bootstrapSwitch('offText','关闭').bootstrapSwitch("onColor",'success')
.bootstrapSwitch('state',true);
// 添加事件

$(item).bootstrapSwitch("onSwitchChange",function(event,state){
    var val='';
    var text='';
    if(state==true){
        val=1;
        text='开启';
    }else{
        val=0;
        text='关闭';
    }
})

看看 结果吧  哈哈   祝大家都成功，按我说的肯定行

当然网上还有很多其他的例子，但是我推荐大家我这种，很灵活，而且适应jqGrid表格插件，亲试完美可用。