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>

启用了导航栏折叠功能。

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

1 个答案: