javascript - 无法在粘性导航栏标题上禁用折叠 - (Bootstrap/CSS/JS)

Question

我网站上的所有页面都有一个通用的导航栏标题，昨天我复制了 header.js 文件以在不同页面上看起来不同。当我这样做时，2/3 的页面没有改变，但第三个页面突然有一个折叠的标题。我想要粘性标题，但顶部没有折叠。非常感谢任何禁用此功能的建议或代码。

这是带有 HTML 的 JS 文件:

document.write(
"<header class='header' id='home'>" +
"       <!-- STICKY NAVIGATION -->" +
"       <div class='navbar navbar-default nav-links navbar-fixed-top sticky-navigation'>" +
"           <div class='container'>" +
"               <div class='navbar-header'>" +

"                   <!-- LOGO ON STICKY NAV BAR -->" +
"                   <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#kane-navigation'>" +
"                   <span class='sr-only'>Toggle navigation</span>" +
"                   <span class='icon-bar'></span>" +
"                   <span class='icon-bar'></span>" +
"                   <span class='icon-bar'></span>" +
"                   </button>" +

"                   <a class='navbar-brand' href='#''><img src='images/logo.png' alt=''></a>" +

"               </div>" +

"               <!-- NAVIGATION LINKS -->" +
"               <div class='navbar-collapse collapse' id='kane-navigation'>" +
"                   <ul class='nav navbar-nav navbar-right main-navigation'>" +
"                       <li><a href=''></a></li>" +
"                       <li><a href=''></a></li>" +
"                       <li><a href=''></a></li>" +
"                       <!-- <li><a href=''></a></li> -->" +
"                       <!--<li><a href=''></a></li> -->" +
"                   </ul>" +
"               </div>" +
"           </div> <!-- /END CONTAINER -->" +
"       </div> <!-- /END STICKY NAVIGATION -->" +
"</header>"
);

然后在 HTML 文件中引用它:

    <script type="text/javascript" src="js/header.js"></script>

Answer 1

问题是我之前添加了一小部分样式脚本，其中一个是

<script src="js/jquery.ajaxchimp.min.js"></script>

启用导航栏折叠功能。