为什么 Rails UJS ajax:success bind 被调用两次？

Question

我有一个简单的表单：

= form_for(posts_path, :id => "new_post", :remote => true) do
  = text_field_tag "post[input]"
  = submit_tag "Post!"

我已将回调绑定到 ajax:success 事件：

$("form#new_post").bind("ajax:success", function(xhr, data, status){
  alert("Post Created!");
});

当我单击 Post! 按钮时，Post Created出现两次。为什么？

我正在使用 Rails 3.1，默认情况下使用 jquery-ujs。

Answer 1

这是因为当 /public/assets 中存在预编译资源时，您的页面会在开发模式下加载 jquery_ujs 代码两次。

在开发模式下，JavaScript 需求使用单独的标签加载：jquery、jquery_ujs.js、myscripts.js 以及最后的 applications.js< /代码>。当预编译的 application.js 存在并从 /public/assets 使用时，就会出现问题 - 它包含所有先前文件的编译。这是由 assets:precompile rake 任务触发的。

解决方案是在开发时删除 /public/assets 目录，然后使用 application.js （来自 /app/assets/javascript），这不会不包括以前的文件。
在开发中通常不使用 assets:precompile rake 任务。

更新

将config.serve_static_assets = false添加到development.rb也为我解决了问题，而不必担心/public/assets >。

Answer 2

我将应用程序从 Rails 3.0 升级到 3.1 时也发生了类似的事情，这是我的错误。在你

app/assets/javascripts/application.js

检查你没有调用两次rails助手时，我在使用时遇到了麻烦，

//= require_tree .

我已经删除了这个，只是留下了

//= require jquery
//= require jquery_ujs
//= require myscripts

我也删除了app/assets/javascripts/rails.js，该文件是由jquery生成的-rails gem 但这不再是必要的

Answer 3

对我来说，陷阱就是一个

config.assets.debug = true

选择。