问题描述

boostrap二级菜单无法显示

 引入自定义的js后，二级菜单失效。

页面引用:
  <script src="Scripts/jquery-2.2.0.js"></script>
  <script src="Scripts/common.js"></script>
  <link href="Styles/bootstrap.css" rel="stylesheet">
  <link href="Styles/global.css" rel="stylesheet">
  <script src="Scripts/respond.js"></script>
  <script src="Scripts/bootstrap.min.js"></script>

common.js代码如下：
$(function () {
    //加载头文件
    console.info("加载上下");
    $(".m-header").load("/headPage.htm");
    $(".m-footer").load("/footPage.htm");
});

如果不引用common.js二级菜单就正常。

解决方案

你的菜单是不是也放到.m-header这个容器里面了？导致菜单被你的那个headPage.htm页面内容覆盖了

解决方案二：

common.js 放到 bootstrap.min.js 后面试试