Javascript 导航栏链接未崩溃的问题_Javascript_Css_Html_Twitter Bootstrap

Javascript 导航栏链接未崩溃的问题

javascript css html twitter-bootstrap

Javascript 导航栏链接未崩溃的问题,javascript,css,html,twitter-bootstrap,Javascript,Css,Html,Twitter Bootstrap,首先，我道歉，提出一个问题，这个问题应该被视为一个相当简单的问题……应该如此，但我无法让它起作用来拯救我的生命也许有人可以快速浏览一下这段代码，告诉我我做错了什么，因为我对bootstap（我在这里使用的）和HTML5不太熟悉我的问题导航栏在主页上工作正常，但将导航栏复制并粘贴到其他页面时，服务和菜单链接不会展开/折叠 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <di

首先，我道歉，提出一个问题，这个问题应该被视为一个相当简单的问题……应该如此，但我无法让它起作用来拯救我的生命

也许有人可以快速浏览一下这段代码，告诉我我做错了什么，因为我对bootstap（我在这里使用的）和HTML5不太熟悉

我的问题

导航栏在主页上工作正常，但将导航栏复制并粘贴到其他页面时，

服务

和

菜单

链接不会展开/折叠

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="index.html">Finger Food Catering</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="hot-food-platters.html">Hot Platters</a></li>
            <li><a href="cold-finger-food-platters.html">Cold Platters</a></li>
            <li><a href="gourmet-finger-food-platters.html">Gourmet Platters</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Services<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="wedding-catering.html">Wedding Catering</a></li>
            <li><a href="birthday-catering.html">Birthday Catering</a></li>
            <li><a href="corporate-catering.html">Corporate Catering</a></li>
             <li><a href="special-event-catering.html">Event Catering</a></li>
            <li><a href="funeral-catering.html">Funeral Cateringg</a></li>
          </ul>
        </li>

        <li><a href="about.html">About</a></li>
        <li><a href="testimonials.html">Testimonials</a></li>
        <li><a href="inquire.html">Inquire</a></li>
        <li><a href="blog.html">Blog</a></li>
         <li class="active"><a href="contact.html">Contact</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span style="font-size:2.0em"><span style="color:#8AB8E6">Contact Us:</span> <body onload="_googWcmGet('number', '1300 785 701')">
    <span class="number">1300 785 701</span>
  </body> </a></li>

      </ul>
    </div>
  </div>
</nav>

您使用的是什么

如果是，请向下滚动到index.php脚本所在的底部，并使用引导将

更改为

？如果是的话，你链接JQuery和Bootstrap.js了吗？@XahedKamal当然链接了，但是谢谢你的输入，这种行为正确吗？只要看看你的服务和菜单文件，看看你是否错过了某个结束的“div”。这通常会导致一些问题。bootstrap.js加载是否重复？加载两次，或者在页面的错误阶段加载，都会导致问题。重复的ID也可能导致问题。缺少结束标记？很难从这部分代码中分辨出来。为什么在

ul.navbar右侧的中有一个额外的主体
元素？