Rails 3.1 远程按钮未捕获 Unobtrusive Javascript 事件 （JQuery）

问：

我想开始使用 Ajax 事件 ajax：success、ajax：failure、ajax：complete 和 ajax：beforeSend，因为在以下帖子中推荐用于不显眼的 Javascript：

• http://www.simonecarletti.com/blog/2010/06/unobtrusive-javascript-in-rails-3/
• http://www.alfajango.com/blog/rails-3-remote-links-and-forms/

但出于某种原因，它对我不起作用。我错过了一些东西（一些小东西），因为我无法让事件触发我的 Javascript。我希望有人能发现我的代码中的“明显”错误/遗漏。

关于我的环境的一些细节：

• 轨道 3.1
• jQuery （jquery-rails gem）
• 用于服务器端 JS 处理的 Rubyracer（对于我的例子来说并不重要）

为了尝试找出我缺少的东西，我创建了一个简单的测试应用程序，它有一个远程按钮。单击该按钮时，我希望触发警报框。这个应用程序的代码可以在 github 上看到：

http://github.com/jpmcgrath/rbtest

我在这里将应用程序部署到 heroku：

http://rbtest.heroku.com/projects/

如果你看一下应用程序，你可以点击按钮，按钮成功创建一个新项目（看到它手动刷新），但ajax：success事件似乎没有发生？

代码的内涵如下：

在 projects_controller.rb 中

def remote_test
  @project = Project.new(:name => "remote test")

  respond_to do |format|
    if @project.save
      puts "project saved!\n\n\n"
      format.html { redirect_to @project, notice: 'Project was successfully created.' }
      format.json { render json: @project, status: :created, location: @project }
    else
      format.html { render action: "new" }
      format.json { render json: @project.errors, status: :unprocessable_entity }
    end
  end
end

在应用程序.js中

jQuery(document).ready(function() {

  jQuery(".remote_button").click(function() {
    alert('Handler for .click() called.');
  })
  .bind("ajax:complete", function() {
    alert('complete!');
  })
  .bind("ajax:beforeSend", function () {
    alert('loading!');
  })
  .bind("ajax:error", function (xhr, status, error) {
    alert('failure!');
  })
  .bind('ajax:success', function(event, data, status, xhr) {
    alert('success!');
  });
});

在视图 projects/index.html.erb 中

<%= button_to "remote test", remote_test_path, :remote => true, :class => 'remote_button'  %>

如果有人能指出我遗漏了什么（我怀疑这与响应类型有关），将不胜感激。