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