jquery不在rails中工作

我已经阅读了很多关于在rails中使用jquery的页面,但似乎无法让它工作。

我有’jquery-rails’gem,我安装了。 我在application.js文件中有require语句。

这是我一直在运行的测试页面:

     true %>  true %>  $(document).ready(function(){ $(".bg-info").click(function(){ $(this).hide(); }); });    

但是,当我点击浏览器中的“bg-info”文本时,我得不到任何回复。

这是你应该拥有的:

 #app/assets/javascripts/application.js //= require jquery //= require jquery_ujs //= require_tree . $(document).on("click", ".bg-info", function(e){ $(this).hide(); }); 

这是我为布局做的事情(测试):

 #app/views/layouts/application.html.erb    <%= yield(:title)%> <%= javascript_include_tag 'application','jquery', 'data-turbolinks-track' => true %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> <%= csrf_meta_tags %>   
<%= yield(:title)%>

如果上述方法ExecJS问题,那么您的开发环境 (OS) 可能会出现问题 – 最有可能是ExecJS

要确认这一点,您需要调试 开发人员的控制台 :

在此处输入图像描述

要访问开发控制台,请right-click > inspect element > console

这表明您的JS和前端环境有任何错误。 如果出现任何错误,他们可能会告诉您问题所在。

如果没有出现错误,您应该尝试在系统上安装NodeJS ,因为这可以确保Rails可以使用适当的JS可执行文件。