Home>

I'm trying to implement jQuery by entering the following code in application.js.
"$Is not defined;please fix or add/* global * /"
I get an error and it doesn't work properly.

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
// //
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
// //
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_ * statement.
// //
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
// //
// = require jquery3
// = require popper
// = require bootstrap-sprockets
↓ Added the following sentence
// = require jquery
// = require rails-ujs
// = require active storage
// = require turbolinks
// = require_tree.
↓ This is the added code
$(document) .ready (function () {
  $('.jquery'). on ('click', function () {
    $(this) .css ('color','red');
  });
});

Could you please tell me what part to modify for jQuery to work properly?
Thank you.


  
    
↓ Added the following sentence
       Hello jQuery! 
       Welcome to<i></i>Books! 
    <br>
    <br>
    <p>CopyRight Infratop.inc</p>