Twitter Bootstrap切換按鈕（bootstrap-button.js）無法正常工作

Question

我有一個像他們在演示中的簡單按鈕：

<button id="track" class="btn" data-toggle="button">Track</button>

在我的application.js文件中我添加了：

$('#track').button();

$('#track').live('click', function(event) {
    alert('hello!');
});

我將警報調用添加為雙重檢查 - 它可以正常工作。 我可以確認bootstrap-button.js腳本正在加載並且只加載一次。 我玩過javascript加載順序，這似乎沒有什么區別：

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require bootstrap
//= require active_admin

我確實通過在按鈕后手動插入帶有bootstrap-button.js的腳本標簽來讓它工作一次，但現在我甚至無法重新創建它！

我已經谷歌搜索並閱讀了關於這些問題的所有SO帖子，但我認為我必須在這里遺漏一些明顯的東西。

Answer 1

你應該看一下bootstrap switch插件

只需在你的HTML體內使用它

<div class="switch">
    <input type="checkbox" checked />
</div>

有關插件和更高級示例的更多詳細信息，請參閱此鏈接

Answer 2

+1給@ andres-ilich讓我思考。 active_admin是沖突。 如果我在twitter / boorstrap之前加載它就可以了。