bug之bootstrap switch Uncaught TypeError: Cannot read property 'apply' of undefined

2019独角兽企业重金招聘Python工程师标准>>>

<input type="checkbox" name="my-switch" checked>

js写以下代码，不然switch控件出不来

$("[name='my-switch']").bootstrapSwitch();

$('[name="my-switch"]').bootstrapSwitch({  

         onText:"启动",  

        offText:"停止",  

        onColor:"success",  

        offColor:"info",  

        size:"small",  

        onSwitchChange:function(event,state){  

            if(state==true){  

                $(this).val("1");  

            }else{  

                $(this).val("2");  

            }  

        }  

    })  

上述方法，没有亲测，大家可以试一试！

<div class="make-switch" data-on-label="开" data-off-label="关" id="toggle-state-switch" data-on="success" data-off="warning"><input id ="toggle" type="checkbox" checked="checked" class="toggle" /> </div>function changeState(stateValue){if(stateValue==1){$('#toggle-state-switch').bootstrapSwitch('setState', true);}else{$('#toggle-state-switch').bootstrapSwitch('setState', false);} }

使用上述的方法

$('#toggle-state-switch').bootstrapSwitch('setState', false); 是有问题的。

应该使用

$('#toggle-state-switch').bootstrapSwitch('state', true/false);

还有一个坑，就是在使用外面的div的id设置bootstrapSwitch的state，会多了节点，如下：

这并不是我们想要的结果，所以，设置外置div的值是不对的。应该取checkbox的id设置，也就是，如下：

$('#toggle').bootstrapSwitch('state', false);

对bootstrap switch进行赋值的时候，提示错误 
Uncaught TypeError: Cannot read property 'apply' of undefined

if (isUp==undefined || isUp == ''){$('#isUp').bootstrapSwitch('setState',true);} else{$('#isUp').bootstrapSwitch('setState',isUp);}

详细错误信息如下图所示： 
 
我参考这个设置 使用jQuery获取Bootstrap Switch的值 
看来有问题，于是查看源码，根本没有setState方法，应该使用下面的方法：

if(stateValue==0){$('#toggle').bootstrapSwitch('state', true);console.log("是否启用的状态1:",stateValue);}else{console.log("是否启用的状态2:",stateValue);$('#toggle').bootstrapSwitch('state', false);}

转载于:https://my.oschina.net/maojindaoGG/blog/1612711

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的bug之bootstrap switch Uncaught TypeError: Cannot read property 'apply' of undefined的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。