Проблема заключается в том, когда я загружаю страницу в первый раз, эффект анимации работает. Однако, когда я нажимаю на другую ссылку, даже одну, которая возвращается на эту же страницу, анимация больше не работает, когда я наводил курсор. Он будет работать снова, если я перезагружу страницу.
Любые идеи, почему?
У меня есть этот сценарий JQuery в приложении Rails приложения /assets/javascripts/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"
Большое спасибо!
Вы используете turbolinks. Турбо-ссылки будут обновлять тело с требуемым представлением, но не событиями jquery при смене страниц. Вы можете использовать jQuery turbolinks, чтобы помочь с этим.