使 jQuery .on() 与 Rails 3 一起工作答案

【问题标题】：Making jQuery .on() work with Rails 3使 jQuery .on() 与 Rails 3 一起工作
【发布时间】：2012-03-05 17:27:20
【问题描述】：

我正在构建一个 Rails 3 应用程序，并试图让 jQuery .on() 函数正常工作。它目前没有做任何事情。

在 assets/javascripts/v-application.js 中：

console.log('application');

$('body').on('click', function(){
  alert('test');
});

当应用程序加载时，控制台会显示“应用程序”（应该如此），但是当我点击正文时，不会触发任何警报。如果我将完全相同的 javascript 粘贴到控制台并单击正文，则会触发相应的警报。

如果我在浏览器中查看 v-application.js，它会显示该功能。

我正在使用最新版本的 jquery-rails (2.0.1) 和 rails (3.2.2)。这一切都在开发环境中。

Rails 不知道如何处理基本函数调用是怎么回事？这与资产管道有关吗？我怎样才能让它工作？

【问题讨论】：

【解决方案1】：

我猜你没有准备好的函数。

$(function() {
  $('body').on('click', function(){
    alert('test');
  });
});

如果直接将代码粘贴在主JS文件中，做$('body')不会找到任何东西，因为在解释script标签时，body标签还没有被处理。将逻辑粘贴在 ready 函数中将等待整个文档被解析。

【讨论】：

【解决方案2】：

您使用的是 jQuery 1.7.1 吗？那是 .on 出现的时候，之前有过问题。

正如@loganfsmyth 所说，我建议使用 ready 函数。

【讨论】：