Jquery hover анимация перестает работать после нажатия на другую ссылку

0

Проблема заключается в том, когда я загружаю страницу в первый раз, эффект анимации работает. Однако, когда я нажимаю на другую ссылку, даже одну, которая возвращается на эту же страницу, анимация больше не работает, когда я наводил курсор. Он будет работать снова, если я перезагружу страницу.

Любые идеи, почему?

У меня есть этот сценарий 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"

Большое спасибо!

Теги:
asset-pipeline

1 ответ

2
Лучший ответ

Вы используете turbolinks. Турбо-ссылки будут обновлять тело с требуемым представлением, но не событиями jquery при смене страниц. Вы можете использовать jQuery turbolinks, чтобы помочь с этим.

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

  • 1
    Спасибо, Майк! Драгоценный камень работает как шарм!
  • 0
    Большой! Рад, что смог помочь.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню