今天運用了bootstrap的switch的控制元件，然後我想當點選switch的時候，會有一些dom的操作，但是我看了官方文件，裡面的js拿過來使用的時候，是沒有任何效果的

我的switch寫法：

< div class = "checkbox checkbox-switch" > < label > < input id = "mySwitch" type = "checkbox" data-on-text = "開啟" data-off-text = "關閉" class = "switch" data-size = "mini" name = "status" > </ label > </ div >

bootstrap的官方文件事件處理內容：

事件處理（Event handler） javascript

ON   OFF

$('#mySwitch').on('switch-change', function (e, data) {
    var $el = $(data.el)
      , value = data.value;
    console.log(e, $el, value);
});

上面這個對於我的switch無效，我後面查了一些文件和別人寫的一些部落格，然後這個方法對於我的switch有效果：（可以正常列印）

$( 'input[type=checkbox]').bootstrapSwitch({ onSwitchChange: function(){ console. log( 111) } });

參考的bootstrap switch文章連結：

http://www.jb51.net/article/88463.htm

補充一下怎麼建立switch

首先引入jquery

然後引入bootstrap

最後引入bootstrap的switch的js和css

<link href="bootstrap.css" rel="stylesheet" type="text/css">

<link href="bootstrap-switch/bootstrap-switch.min.css" rel="stylesheet" type="text/css" >

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-switch/bootstrap-switch.min.js"></script>

然後給個input

<input type="checkbox" name="my-switch" checked>

js寫以下程式碼，不然switch控制元件出不來

$("[name='my-switch']").bootstrapSwitch();