如何在Rails中使用jQuery

Question

我没有在rails中使用jquery在这里必要的文件

在应用程序布局的负责人中，我有

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

application.js有

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

box.js有

$(document).ready(function() {
    $(".box").click(function(){
        $(this).fadeOut("fast");    
});

box.html.erb

<div class="box"></div>

盒子在css文件中有必要的高度，宽度，bg颜色。 我只希望单击时淡出该框，但不知道自己做错了什么。 我在gemfile中也有jquery-rails gem

Answer 1

问题是类名，与Rails无关。

交换;

<div class=".box"></div>

至;

<div class="box"></div>

因为.box只是说“带有box类的HTML元素”的另一种语法。

Answer 2

在您的项目中添加jQuery Ui，然后检查。 对于效果和动画，您需要使用jQuery UI。