2

我正在使用 Bootstrap Switch,需要进行独家选择:有一堆切换器(数量未知),用户一次只能打开一个。

我做了这样的事情:

$('.switcher').on('switchChange.bootstrapSwitch', function() {
    $(".switcher[id!='"+selected_id+"']").each(function() {
        $(this).bootstrapSwitch('state', false);
    });
    $('#'+selected_id).bootstrapSwitch('state', current_state);
});

不幸的是,这会在无限循环中发送脚本(在状态更改时)。我认为这是因为在底层,Bootstrap Switch 使用了一个 trigger() 函数,所以当 switch 状态变为 false 时,它​​会再次触发 switchChange 事件,以此类推。

我做了一个解决方法,通过触发:

$("#some-container .bootstrap-switch-container *").click(function() {
    // ...
});

反而。然而,这似乎是一个非常糟糕的解决方案。

有没有更好的办法?

4

2 回答 2

3

昨天遇到同样的问题。在文档中找到了解决方案。在您的情况下,您必须将第三个参数设置为 false:

$('#'+selected_id).bootstrapSwitch('state', current_state, true);

skip当您不需要触发 switchChange 事件 (-s) 时,必须提供此参数(名为)并将其设置为 true。

于 2015-11-25T09:09:27.080 回答
0

您是否考虑过使用.off功能?您可以删除事件处理程序(导致无限循环),更改开关的状态,然后重新附加处理程序。

于 2015-06-03T15:12:11.350 回答