问题是当我第一次加载页面时,动画效果有效。 但是,当我单击另一个链接时,即使是返回到同一页面的链接,当我悬停时动画也不再有效。 如果我重新加载页面,它将再次工作。
任何想法为什么??
我在 Rails 应用程序的 app/assets/javascripts/comics 中有这个 JQuery 脚本.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);
});
});
应用.js
//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require jquery.ui.all
//= require turbolinks
//= require_tree .
宝石文件中的相关宝石
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem "less-rails"
gem "twitter-bootstrap-rails"
非常感谢!
您正在使用涡轮链接。Turbo 链接将使用所需的视图更新正文,但不会在更改页面时更新 jquery 事件。你可以使用 jquery turbolinks 来帮助解决这个问题。
https://github.com/kossnocorp/jquery.turbolinks