jquery - Bootstrap Switch - 单击按钮后更改状态

Question

我正在使用Bootstrap Switch插件和 Bootstrap 模态。一旦用户点击将开关从on更改为off，模态框就会淡出并请求确认。

如何仅在用户之后将开关从on更改为off或从off更改为on单击“确认”按钮？如果用户单击“取消”，则 Switch 应返回到关闭 状态。

<强> My code

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

$('#myswitch').on('switchChange.bootstrapSwitch', function (e, data) {

    $('#showModal').modal({
     backdrop: 'static',
     keyboard: false
 });
});

Answer 1

您可以使用state方法来防止开关发生变化。请记住使用第三个参数以确保该事件不会再次执行。

    $('#myswitch').bootstrapSwitch('state', !data, true);

工作示例:

https://jsfiddle.net/hL0as0mv/169/

完整文档: http://bootstrapswitch.site/methods.html