Короче, я пытаюсь реализовать спиннер при обновлении страницы или при нажатии на ссылку.В настоящее время спиннер скрыт, но он появляется, когда я показываю его с помощью jquery.Я хочу скрыть это, когда загрузка страницы будет завершена с использованием turbolinks:load
Вот мой application.js
:
//= require jquery
//= require jquery_ujs
//
// Loads all Bootstrap javascripts
//= require bootstrap
//
// require_tree .
Так что моя HTML-страница имеет макет, который ссылается на другой файл jsиспользуя javascript_include_tag
, который выглядит следующим образом:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require nprogress
//= require nprogress-turbolinks
//= require nprogress-ajax
//= require_tree ../../../vendor/assets/javascripts
//= require_tree ./mobile_library
Вот мой js-файл, который находится в папке moblie_library
:
ready = ->
$(document).on("turbolinks:visit", -> alert("works"))
return
$(document).ready(ready)
$(document).on('page:load', ready)
Я не могу запустить вышеописанное.Не уверен почему.Кто-нибудь видит что-то не так?Любая другая информация, которую вам нужно знать?
Как ни странно, событие "turbolinks:load"
срабатывает, но это не так.Есть подозрения?