bootstrap 4.1 移动菜单按钮不起作用

bootstrap 4.1 mobile menu button not working

我有一个基于 bootstrap 4.1 的 HTML 网页,我在其中使用以下脚本在其他页面中重用 HTML 代码; 演示页面可以在这里看到 http://skillsteer.com/clients/didx/

<script>
$(function(){
   $('#header').load('header.html');
   $('#footer').load('footer.html');
});

在使用此脚本之前,基于 bootstrap 的移动菜单可以完美打开,但在使用它之后,菜单停止工作并且根本无法打开。

请帮我解决这个问题。 谢谢, 法汉

因为在您连接移动菜单点击处理程序之前 header.html 尚未加载。选择以下两个选项之一:

  1. 将点击处理程序脚本移动到 header.html
  2. 将 header 加载更改为:

$('#header').load('header.html', function() {
  $('.resposive_menu_bar').click(function(){
   $('.menu').children('ul').slideToggle(300);
  });
});