Анимация запускается дважды при посещении кэшированной страницы Turbolinks 5

#ruby-on-rails #turbolinks

#ruby-on-rails #turbolinks

Вопрос:

Я использую Animate.css, и у меня есть div с animated fadeIn классами and . При первом посещении div нормально исчезает, но при повторном посещении (т. Е. Когда Страница Уже кэшируется turbolinks) анимация исчезает дважды — один раз, когда отображается предварительный просмотр кэша (это происходит мгновенно), и один раз после фактической загрузки страницы. Как я могу это исправить и заставить анимацию запускаться только один раз?

application.js

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

Комментарии:

1. Можете ли вы добавить свой код?

2. @JustinLicata На самом деле для этого нет кода, кроме div, .login-form-wrapper.animated.fadeIn поэтому я просто добавил код из application.js файла

3. Вам удалось решить эту проблему @arif?