如何在Rails中使用jQuery

Question

I did not manage to use jquery in rails Here the necessary files

in the head of application layout, I have

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

application.js has

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

box.js has

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

box.html.erb

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

Box have necessary height,width,bg-color vs in css file. I just want the box fade out when I click but I don't know what I did wrong. I also have the jquery-rails gem in the gemfile

Answer 1

The problem is the class name, and nothing to do with Rails.

Swap;

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

To;

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

Because .box is just another syntax for saying "the HTML element with the class of box ".

Answer 2

Add jQuery Ui in your project and then check. For effects and animations you need to have jQuery UI.