Question

我在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>

问题是当你点击中间的白色区域时，活动＆＃34;和＆＃34;不活跃＆＃34;开关在视觉上不会从一侧移动到另一侧。无论如何，该事件都会触发警报。该交换机取自该网站（http://www.bootstrap-switch.org/），我在head部分中有bootstrap / jquery / bootstrap-switch引用。当您点击白色区域时，该网站上的示例有效，但我不知道为什么......

Answer 1

你的alert阻止了动画，只需将其移除即可正常运行：

  $(document).ready(function(){

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


    });

<强> Live Demo

Bootstrap Switch触发switchChange事件，但不会在视觉上发生变化

1 个答案: