jQuery在Rails中不起作用

Ester Lin 发表于 Dev

林

我已经阅读了许多关于在Rails中使用jquery的页面，但似乎仍然无法使其正常工作。

我有'jquery-rails'gem，并且已安装。我在application.js文件中有require语句。

这是我一直运行的测试页：

<!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 %>
<script>$(document).ready(function(){
  $(".bg-info").click(function(){
    $(this).hide();
});
 });</script>
</head>
<body>
<center>
<h1 class="bg-info"><%= yield(:title)%></h1>
</center>
</body>
</html>

但是，当我在浏览器中单击“ 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
<!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>

如果上述方法无法解决问题，则您的开发环境（OS）可能会出现问题-最有可能是与。ExecJS

为了证实这一点，你需要调试您的开发者控制台：