bootstrapSwitch 不触发change事件解决方案

最新推荐文章于 2025-06-08 09:13:57 发布

原创最新推荐文章于 2025-06-08 09:13:57 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #bootstrap

前端学习专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种解决bootstrapSwitch组件中change事件无法正常触发的问题方法。官方文档中的事件监听方式在某些情况下可能失效，文章提供了另一种可靠的写法，通过直接操作状态并监听'switchChange.bootstrapSwitch'事件来确保事件能够被正确捕获。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bootstrapSwitch 不触发change事件解决方案

官网的写法不管用，记录下可用的写法

官网写法不管用

//  链接: [link](https://www.bootcss.com/p/bootstrap-switch/).
$('#mySwitch').on('switch-change', function (e, data) {
    var $el = $(data.el)
      , value = data.value;
    console.log(e, $el, value);
});

//可用写法

  //参数2控制开关
  //参数3是对于设置开关状态是否让其再次触发change事件
  //true：不让触发change事件，false：让其触发change事件（默认）
    $('xxx').bootstrapSwitch('state', true, false);
    $('xxx').on('switchChange.bootstrapSwitch',function(){
       console.log(11)
     }）