我在我的网站主题中创建了一个文件collapse.js。它运作得很好。
在此页面上:
https://www.s1biose.com/article
当我打开右侧菜单并单击“Rechercher”操作按钮时,折叠菜单仍然打开。
点击“Rechercher”按钮后,如何自动关闭折叠菜单?
该文件已包含一些规则。
(function ($) {
$('#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');
});
})(window.jQuery);
<div data-drupal-selector="edit-actions" class="form-actions form-group js-form-wrapper form-wrapper" id="edit-actions">
Rechercher
答案 0 :(得分:0)
$('#rechercher').on('click', function () {
$('#navbar-collapse-second').removeClass('in');
});
将id rechercher添加到按钮