Twitter Bootstrap Rails按钮下拉列表没有响应AJAX

我有一个使用Bootstrap的Rails 4应用程序。我正在创建一个面板页面，其中显示了用颜色编码的按钮，以表示它所代表的工具的状态。页面中的HTML如下所示：

<div class="btn-group">
   <a class="btn custombutton dropdown-toggle btn-success" data-toggle="dropdown" href="#" id="btn0" >
      706-Hydraulic Ram<br> 98061841
   </a>
   <ul class="dropdown-menu">
       <li><a data-method="post" data-remote="true" href="/update_in_service?id=32" id="in_service" rel="nofollow">In Service</a></li>
       <li><a data-method="post" data-remote="true" href="/update_out_service?id=32" id="out_service" rel="nofollow">Out of Service</a></li>
       <li><a href="/tools/32">view Details</a></li>
   </ul>
</div>

链接的两种方法看起来像这样：

def in_service
 @tool.update(:in_service => true)
 respond_to do |format|
   format.html { redirect_to(root_path) }
   format.js
   end
end

def out_service
  @tool.update(:in_service => false)
  respond_to do |format|
    format.html { redirect_to(root_path) }
    format.js
  end
end

由于"format.js"之后没有任何内容，Rails应该自动执行一个与.js.erb后面的方法同名的文件。因此，我有一个in_service.js.erp和一个out_service.js.erb文件。它们看起来像这样：

$('.in_service').bind('ajax:success', function() {
    $(this).closest('.btn').addClass('.btn-success').removeClass('.btn-warning');
});

$('.out_service').bind('ajax:success', function() {
    $(this).closest('.btn').addClass('.btn-warning').removeClass('.btn-success');
});

当我点击下拉链接时，浏览器中的JS控制台上没有任何错误。控制器部分运行良好。如果我重新加载页面，它将显示修改后颜色的按钮。rails服务器日志显示：

SQL (8.3ms)  UPDATE "tools" SET "in_service" = $1, "updated_at" = $2 WHERE "tools"."id" = 32  [["in_service", false], ["updated_at", Wed, 28 Aug 2013 22:28:11 PDT -07:00]]
   (1092.8ms)  COMMIT
  Rendered tools/out_service.js.erb (0.6ms)
Completed 200 OK in 1383ms (Views: 259.3ms | ActiveRecord: 1104.3ms)

所以它实际上是在"渲染"JS文件，但页面永远不会改变。我尝试了许多不同的jquery选择器，看看这是否有问题，但得到了相同的结果。我的application.js文件包含以下内容：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-datepicker
//= require server-time
//= require jquery-table
//= require_tree .

我已经搜索了我能想到的几乎所有东西，但仍然被难住了。我在JS方面做得很差，对它的理解还很初级。谢谢

编辑----

所以我做了霍克建议的更改，但有些地方对我的设置不起作用。我在Chrome JS控制台中得到了这个：

POST http://localhost:3000/update_in_service?btn_id=btn0&id=29&in_service=false 500    (Internal Server Error)                          jquery.js?body=1:8725
send                           jquery.js?body=1:8725
jQuery.extend.ajax                           jquery.js?body=1:8155
$.rails.rails.ajax                           jquery_ujs.js?body=1:73
$.rails.rails.handleRemote                           jquery_ujs.js?body=1:149
(anonymous function)                           jquery_ujs.js?body=1:299
jQuery.event.dispatch                           jquery.js?body=1:5117
elemData.handle                           jquery.js?body=1:4788

在web服务器日志中：

Completed 400 Bad Request in 10ms
ActionController::ParameterMissing - param not found: tool:

这就好像它不再获得：tool参数，这是我在Rails4上使用强params所必需的。所有东西的数据端都在我的旧代码下工作，唯一没有发生的是元素上css样式的javascript更新。我把代码回滚到原来的位置，当我点击下拉菜单时，网络服务器显示：

Started POST "/update_in_service?id=29" for 127.0.0.1 at 2013-08-29 10:28:11 -0700
Processing by ToolsController#in_service as JS
Parameters: {"id"=>"29"}
Tool Load (0.5ms)  SELECT "tools".* FROM "tools" WHERE "tools"."id" = $1 LIMIT 1  [["id", "29"]]
(0.2ms)  BEGIN
SQL (0.7ms)  UPDATE "tools" SET "in_service" = $1, "updated_at" = $2 WHERE "tools"."id" = 29  [["in_service", true], ["updated_at", Thu, 29 Aug 2013 10:28:11 PDT -07:00]]
(1245.5ms)  COMMIT
Rendered tools/in_service.js.erb (0.6ms)
Completed 200 OK in 1266ms (Views: 6.1ms | ActiveRecord: 1249.5ms)

我甚至更改了.js.erb文件，直接通过ID将其中一个按钮作为目标，以确保它不是选择器问题：

$('#btn7').addClass('.btn-success').removeClass('.btn-warning');

我在引导程序或rails中看到了一个链接，它阻止JS在引导程序下拉列表中执行，但我仍在努力寻找链接。感谢到目前为止所有的帮助。