单击另一个链接后，Jquery 悬停动画停止工作答案

【问题标题】：Jquery hover animation stops working after clicking on another link单击另一个链接后，Jquery 悬停动画停止工作
【发布时间】：2014-01-09 21:53:41
【问题描述】：

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

任何想法为什么？？

我的 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);
 });
});

应用程序.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"

非常感谢！

【问题讨论】：

标签： javascript jquery ruby-on-rails asset-pipeline

【解决方案1】：

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

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

【讨论】：

太棒了！很高兴我能帮上忙。