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

Question

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

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

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

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

Answer 1

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

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

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