У меня есть плавающее изображение с ссылкой на изображение, вы можете перейти на главную страницу, и когда вы наведите курсор на него, над ним появится значок «Уменьшить», чтобы вы могли свести к минимуму это изображение и переместите его в панель навигации. Это плавающее фиксированное изображение используется во всех представлениях, оно находится в файле application.html.erb
. HTML выглядит так:Rails 4: javascript не работает после первого обновления
<div class="col-sm-12 profile-float-container">
<div class="profile-float-wrapper">
<span class="glyphicon glyphicon-zoom-out minimize"></span>
<a href="/">
<img class="img-circle profile-nav-img" src="/system/users/avatars/000/000/004/small/dog.jpg?1438125939" alt="Dog">
</a>
</div>
</div>
Это работает. Однако, когда это происходит, javascript полностью отключен после перехода на любую другую страницу в приложении.
Это JavaScript, расположенный в application.js
:
$(function() {
$('.minimize').on('click', function() {
$('.profile-float-wrapper').fadeOut();
$('.profile-nav-li').fadeIn();
});
$('div, span').on('click', function() {
alert($(this).attr('class'));
});
});
Чтобы объяснить, что происходит, когда первый плавающее изображение щелкают оповещения выскочить, и, конечно, работа эффекты. Однако после этого при навигации по приложению, нажимая любой div или span, не срабатывает какое-либо предупреждение. Это похоже на то, что javascript не загружается.