在此页面上:
https://dev.s1biose.com/profil
右上方有一个菜单。当使用以下JS代码找到.views-exposed-form
类时,它会闪烁绿色:
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));