デジタルエンディングノート「人生金庫」でbootstrapを使ってるんですが、ボタンも使いたいなと思い、bootstrap-switchを導入してみました。

本家はこちら

テストしたページはこちら

bootstrap3を使用しています。

いろいろハマりました。。。

1)色が変わらない

サンプルで、スイッチの作り方が

<div id=”sw” class=”make-switch”>
</div>

となってたんですが、

な感じで、色の変更のパラメータなんかを与えてもぜんぜん変更にならない。

サンプルではできてるんですが。。。

で、あれこれ調べてみた所、現在は、

ある意味シンプルな形で記載をしたら反映してくれました。

2)イベントが発生しない

スイッチを動かした時イベントが発生してくれる・・・んですが、それがまたサンプルと違って。。

サンプルでは

な表現になってるんですが、どうしてもイベントを補足できませんでした。

で、ドキュメントを見てみると、「全てのイベントはnamespaceに発生する」ナンチャラって書いてあって、形が違ってたんですよね。

※Ver3になって変わった模様。。

現在は、こんな感じで実装しています。