jquery-ujs ajax 事件不被处理

Question

我正在尝试使用 Rails 3 实现 ajaxy 注册。我正在使用 jquery-ujs 和远程表单。我使用 $.get 请求访问注册表单，并且它显示正确。此注册表单是远程的：

form_for @user, :remote => true, :html => {"data-type" => "html"} do |f|

在我的 application.js 中，如果获取表单的 ajax 请求成功，我会尝试从不显眼的 javascript 绑定 ajax 事件的处理程序：

var load_remote_form = function(evt) {
    var href = $(this).attr('href'); 
    // load form template
    $.get(href, {}, function(data) {
        $('body').append(data);

        $('form[data-remote]').bind("ajax:beforeSend", function(e) {
            console.log("Caught beforeSend!");
        });
    });
    evt.preventDefault();
};

$(document).ready(function() {
    $('a#signup').click(load_remote_form);   
});

Chrome 的开发工具显示事件“ajax: beforeSend”已绑定，但它从未被处理（当我发送表单时，我在javascript控制台中没有任何内容，尽管在rails日志中我看到请求已正确处理并且响应已发送）。我可以将其他事件绑定到同一个选择器 (form[data-remote])，例如 click，并且它们会被正确处理。

通过 .live 绑定的 Ajax 事件也不会得到处理。但是，如果表单作为布局的一部分呈现（即它位于独立页面上，例如 http://localhost:3000 /signup/），绑定的“ajax:beforeSend”被正确处理。

我的控制器（只是为了一个案例，它可能写得不好，但我很确定它有效）：

class UsersController < ApplicationController

  layout :layout_for_type

  def new
    @user = User.new
  end

  def create
    @user = User.new(params[:user])
    if @user.save
      session[:user_id] = @user.id
      flash[:notice] = "You have successfully registered."
      redirect_to root_url
    else
      if request.xhr?
        render :action => 'new', :status => :unprocessable_entry, :layout => false
      else
        render :action => 'new'
      end
    end
  end

  def layout_for_type
   request.xhr? ? nil : "application"
  end

end

我做错了什么？可能有更好的方法来实现这种“双ajaxed”表单吗？

Answer 1

愚蠢的我。我完全忽略了另一个潜在的问题根源。 我的应用程序布局中有

javascript_include_tag :all

，这导致将 jquery.js 和 jquery.min.js 都包含到我的页面中。事实证明，这就是这种奇怪行为的原因。删除jquery.min.js就可以了。希望有一天这对某人有用。