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

Question

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

任何想法为什么？

我在我的Rails应用程序的应用程序/资产/ JavaScript的这个jQuery脚本/ 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

您正在使用turbolinks。 Turbo链接将使用所需的视图更新主体，但在更改页面时不会更新jQuery事件。你可以使用jquery turbolinks来帮助解决这个问题。

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