Javascript Jquery悬停动画在单击另一个链接后停止工作

问题是当我第一次加载页面时，动画效果会起作用。但是，当我单击另一个链接时，即使是返回到同一页面的链接，当我悬停时，动画也不再工作。如果我重新加载页面，它将再次工作

你知道为什么吗

我在Rails应用程序的app/assets/javascripts/comics.js中有这个JQuery脚本

$(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

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

---

非常感谢

您正在使用TurboLink。当您更改页面时，turbolinks将使用所需的视图更新主体，但不会更新jquery事件。您可以使用jquery TurboLink来帮助实现这一点

---

太好了！很高兴我能帮忙。