javascript-boostrap二級菜單無法顯示

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頁面內容覆蓋了