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 plugin

只需在你的html正文中使用它

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

有关插件和更多高级示例的更多详细信息，请参阅this link

Answer 2

+1给@ andres-ilich让我思考。 active_admin是冲突。如果我在twitter / boorstrap之前加载它就会很好。