Javascript 引导开关触发switchChange事件,但不触发';看不见变化

Javascript 引导开关触发switchChange事件,但不触发';看不见变化,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在JSFIDLE中还有以下代码: $(文档).ready(函数(){ $(“#somebox”).bootstrapSwitch(); $(“#somebox”).bootstrapSwitch().on(“switchChange.bootstrapSwitch”,函数(事件,状态){ 警报(“按下开关”); }); }); 问题是,当你点击“激活”和“非激活”之间的白色区域时,开关在视觉上不会从一侧移动到另一侧。不管发生什么情况,该事件都会触发警报。这个开关来自这个网站(),我在head

我在JSFIDLE中还有以下代码:

$(文档).ready(函数(){
$(“#somebox”).bootstrapSwitch();
$(“#somebox”).bootstrapSwitch().on(“switchChange.bootstrapSwitch”,函数(事件,状态){
警报(“按下开关”);
});
});

问题是,当你点击“激活”和“非激活”之间的白色区域时,开关在视觉上不会从一侧移动到另一侧。不管发生什么情况,该事件都会触发警报。这个开关来自这个网站(),我在head部分有bootstrap/jquery/bootstrap开关引用。当您单击白色区域时,该网站的示例会起作用,但我不知道为什么…

您的
警报会阻止动画,只要将其删除,它就会正常工作:

  $(document).ready(function(){

        $("#somebox").bootstrapSwitch();


    });

您的
警报正在阻止动画,请将其删除,它将正常工作:

  $(document).ready(function(){

        $("#somebox").bootstrapSwitch();


    });