Rails 6 Ajax微调器

Question

I'm trying to get an Ajax spinner working in Rails 6. My previous solutions no longer work.

in applications.js

document.addEventListener("turbolinks:load", () => {
    document.ready(function() {

      // hide spinner
      (".spinner").hide();

      // show spinner on AJAX start
      (document).ajaxStart(function(){
        (".spinner").show();
      });

      // hide spinner on AJAX stop
      (document).ajaxStop(function(){
        (".spinner").hide();
      });

    });
})

It doesn't like "document.ready".

Answer 1

Your selectors need to use the jQuery $ function

$(document).on("turbolinks:load", () => {
      // hide spinner
      $(".spinner").hide();

      // show spinner on AJAX start
      $(document).ajaxStart(function(){
        $(".spinner").show();
      });

      // hide spinner on AJAX stop
      $(document).ajaxStop(function(){
        $(".spinner").hide();
      });
});