使用 asset pipeline 和 pjax 时未捕获的 ReferenceError

Question

好吧，这听起来像是一个新手错误......但我似乎无法弄清楚发生了什么。 我对 Rails 3.1、coffeescript 和资产管道总体来说还比较陌生，所以我在解决这个问题时遇到了一些麻烦。

无论如何，问题就在这里。

在我的 Users index.html.erb 文件中，我有一个按钮，它将通过 ajax 加载新的用户表单。加载表单的代码位于 users.js.coffee 中，按钮有一个 onClick 方法，引用执行该操作的函数，如下所示。

由于某种原因， index.html.erb

<%= button_tag "New User", :id => "btn_new_user", :onClick => "loadNewUserForm()", :path => "#{new_user_path}" %>

users.js.coffee

loaded = false

loadNewUserForm = ->
  if not loaded
    @path = $('#btn_new_user').attr("path")
    $("#new-users-container").load(@path)
    loaded = true

，当我单击“新用户”按钮时，我不断尝试

 Uncaught ReferenceError: loadNewUserForm is not defined

将函数绑定到 document.ready 中按钮的单击事件（在 users.js.coffee 中声明） ）但问题是它没有被调用，因为我正在使用 pjax。

我想我不了解资产管道的工作方式或其他什么...

提前感谢您的帮助。

Answer 1

如果有疑问，请转到生成的 JavaScript 以查看发生了什么。您可能会看到这样的内容：

(function() {
  // Your code here
}).call(this);

这是 Javascript 中使用的标准机制，以避免名称空间冲突（Coffeescript 默认情况下这样做），因此对象在该文件之外不可见，除非您显式将它们附加到全局对象（浏览器中的 window，node.js 中的 exports，...）。

顺便说一句，请注意，您没有遵循普遍接受的 Unobtrusive Javascript 准则：您应该设置事件使用 JavaScript，而不是 HTML 标记中的内联事件。一些参考：此处 和 这里。