jquery - 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 帖子，但我认为我必须在这里遗漏一些明显的东西。

score 2 · Accepted Answer

你应该看看引导开关插件

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

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

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

score 0 · Accepted Answer

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

2 回答 2