Bootstrap Switch触发switchChange事件，但没有'视觉上没有变化

Bootstrap Switch fires switchChange event but doesn't visually change

本文关键字：有变化 视觉上 触发 Switch switchChange 事件 Bootstrap      更新时间：2024-03-20

jsfiddle中也有以下代码：http://jsfiddle.net/n3pdahtv/

$(document).ready(function(){
    $("#somebox").bootstrapSwitch();
    $("#somebox").bootstrapSwitch().on("switchChange.bootstrapSwitch", function (event, state) {
        alert("Switch pressed");
    });
});
<input type="checkbox" name="somebox" id="somebox" value="40" data-size="mini" data-handle-width="55" data-label-width="30" data-on-text="active" data-off-text="inactive" checked>

问题是，当你点击"活动"answers"非活动"之间的白色区域时，开关不会从一侧移动到另一侧。不管怎样，该事件都会触发警报。开关取自本网站(http://www.bootstrap-switch.org/)并且我在头部分中有bootstrap/jquery/bootstrap开关参考。当你点击白色区域时，该网站的例子是有效的，但我不知道为什么。。。

您的alert正在阻止动画，只要将其移除，它就会正常工作：

  $(document).ready(function(){
        $("#somebox").bootstrapSwitch();

    });

实时演示

相关文章：