На этой странице:
https://dev.s1biose.com/profil
В правом верхнем углу есть меню. Он мигает зеленым, когда класс .views-exposed-form
найден с этим кодом JS:
if ($("#navbar-collapse-second .views-exposed-form").length) {
$("#block-togglenavigationsecond .icon-navbar-second-alert").removeClass("icon-navbar-second-alert-disable");
};
Когда установлен модуль BigPipe, анимация не работает (в домене dev).
Вот мой сайт с деинсталлированной BigPipe (в домене www):
https://www.s1biose.com/profil
Проблема в том, что я не вижу никакой разницы в коде HTML.
Почему анимация не работает с BigPipe?
Должно работать во всех браузерах. Но BigPipe создает проблемы в некоторых веб-браузерах.
Спасибо
введите описание изображения здесь
Вот полный файл JS для моей анимации:
(function ($) {
'use strict';
$('#navbar-collapse-first').on('show.bs.collapse', function () {
$('#navbar-collapse-second').collapse('hide');
});
$('#navbar-collapse-second').on('show.bs.collapse', function () {
$('#navbar-collapse-first').collapse('hide');
});
$('#navbar-collapse-first').on('show.bs.collapse', function () {
$('body').addClass('overlay-is-navbar-collapse');
});
$('#navbar-collapse-first').on('hide.bs.collapse', function () {
$('body').removeClass('overlay-is-navbar-collapse');
});
$('#navbar-collapse-second').on('show.bs.collapse', function () {
$('body').addClass('overlay-is-navbar-collapse');
});
$('#navbar-collapse-second').on('hide.bs.collapse', function () {
$('body').removeClass('overlay-is-navbar-collapse');
});
$('#navbar-collapse-first .form-submit').on('click', function () {
$('#navbar-collapse-first').collapse('hide');
});
$('#navbar-collapse-second .form-submit').on('click', function () {
$('#navbar-collapse-second').collapse('hide');
});
$('#navbar-collapse-first .navbar-nav .dropdown').on('shown.bs.dropdown', function () {
$(this).find('.dropdown-toggle svg').removeClass("fa-plus-circle").addClass("fa-minus-circle");
});
$('#navbar-collapse-first .navbar-nav .dropdown').on('hidden.bs.dropdown', function () {
$(this).find('.dropdown-toggle svg').removeClass("fa-minus-circle").addClass("fa-plus-circle");
});
$('.collapse').on('shown.bs.collapse', function () {
$(this).parent().find('.panel-heading .collapse-change-icon svg').removeClass("fa-plus-circle").addClass("fa-minus-circle");
});
$('.collapse').on('hidden.bs.collapse', function () {
$(this).parent().find('.panel-heading .collapse-change-icon svg').removeClass("fa-minus-circle").addClass("fa-plus-circle");
});
$('.bs-tour-action-trigger').on('click', function () {
$('#comment-ca-marche').modal('hide');
});
$('#block-boutonimportant').on('click', function () {
$('#navbar-collapse-first').collapse('hide');
});
$('#block-boutoncharte').on('click', function () {
$('#navbar-collapse-first').collapse('hide');
});
if ($("#navbar-collapse-first .views-manage-menu").length) {
$("#block-togglenavigationfirst .icon-navbar-first-alert").removeClass("icon-navbar-first-alert-disable");
};
if ($("#navbar-collapse-second .views-exposed-form").length) {
$("#block-togglenavigationsecond .icon-navbar-second-alert").removeClass("icon-navbar-second-alert-disable");
};
$('#navbar-collapse-first').on('shown.bs.collapse', function () {
$(this).find("#block-menuprincipal .dropdown-toggle").dropdown("toggle");
});
$('#navbar-collapse-first').on('shown.bs.collapse', function () {
$(this).find(".views-manage-menu .dropdown-toggle").dropdown("toggle");
});
}(jQuery));