这就是你的should have:
#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
<!DOCTYPE html>
<html>
<head>
<title><%= yield(:title)%></title>
<%= javascript_include_tag 'application','jquery', 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div class="bg-info"><%= yield(:title)%></div>
</body>
</html>
如果上述方法不能解决问题,您将probably你的有问题开发环境 https://en.wikipedia.org/wiki/Deployment_environment#Development(操作系统)——最有可能的是ExecJS https://stackoverflow.com/questions/6282307/execjs-and-could-not-find-a-javascript-runtime.
要确认这一点,您需要debug your 开发者控制台 https://developers.google.com/web/tools/chrome-devtools/debug/console/console-ui?hl=en#opening-the-console:
要访问开发控制台,right-click > inspect element > console
.
这会向您显示 JS 和前端环境的任何错误。如果出现任何错误,他们可能会告诉您问题是什么。
如果没有出现错误,您应该尝试在你的系统上安装 NodeJS https://nodejs.org/en/,因为这确保 Rails 可以使用适当的 JS 可执行文件。