Анимация анимации JQuery перестает работать после нажатия на другую ссылку

Question

Проблема заключается в том, когда я загружаю страницу в первый раз, эффект анимации работает. Однако, когда я нажимаю на другую ссылку, даже одну, которая возвращается на эту же страницу, анимация больше не работает, когда я наводил курсор. Он будет работать снова, если я перезагружу страницу.

Любые идеи, почему?

У меня есть этот скрипт JQuery в моей Rails приложения приложения/активы/JavaScripts/comics.js

$(document).ready(function(){ 
$(".comic-container").hover(function(){ 
    $(this).find('.comic-info-hidden').animate({ 
     height: '100%' 
    }, 200); 
},function(){ 
    $(this).find('.comic-info-hidden').animate({ 
     height: '0%' 
    }, 300); 
}); 
}); 

application.js

//= require jquery 
//= require jquery_ujs 
//= require twitter/bootstrap 
//= require jquery.ui.all 
//= require turbolinks 
//= require_tree . 

соответствующие драгоценные камни в Gemfile

gem 'jquery-rails' 
gem 'jquery-ui-rails' 
gem "less-rails" 
gem "twitter-bootstrap-rails" 

Большое спасибо!

Answer 1

Вы используете турбовинты. Турбо-ссылки будут обновлять тело с требуемым представлением, но не событиями jquery при смене страниц. Вы можете использовать jQuery turbolinks, чтобы помочь с этим.

https://github.com/kossnocorp/jquery.turbolinks