Question

我有一个基于引导按钮的切换/开关。我相信它来自http://www.bootstrap-switch.org/，但是他们的网站无法正常工作，所以我无法获得任何文档。

我试图让开关在用户更改开关位置时启动两种模式之一。

<button type="button" class="btn btn-sm btn-toggle btn-info active" data-toggle="button" aria-pressed="true" autocomplete="off" id="ProcessingOnOff">

    $('#ProcessingOnOff').click(function(){
   $(this).is(':active')?$('#myModal').modal('show'):"";
});

$('#ProcessingOnOff').click(function(){
   !$(this).is(':active')?$('#myModal2').modal('show'):"";
});

https://jsfiddle.net/Airfox/oqtbm9pe/

该开关每次启动模式2。我假设这是因为模式＃2设置为！（不是）状态，还有很多事情不是。我已经尝试过“活动”，“真实”，“ 1”，“单击”，甚至“选中”，但是我无法弄清楚实际状态是什么。

这样的开关/拨动开关实际上是否具有状态？如果没有，我该如何申请状态以使其可操作？

Answer 1

对于相同的元素，您有2个单击处理程序，这意味着它们不会像您希望的那样起作用。

我将其更改为一键式处理程序，并使用hasClass而不是is:active。此功能对您有用。

$('#ProcessingOnOff').click(function(){
    var modal_id = ($(this).hasClass('active')) ? "#myModal" : "#myModal2";
    $(modal_id).modal('show');
});

引导按钮切换/切换状态

1 个答案: