2016-04-09 39 views
1

Ich habe eine Bootstrap-navbar. Und es wird auf vielen Seiten verwendet. Also habe ich eine navbar.php erstellt und sie enthält die Elemente der Navbar. Ich schließe es auf allen Seiten ein. Aber der Dropdown-Teil der Navigationsleiste funktioniert nicht richtig. Es bringt mich nicht auf die gewünschte Seite. Alle Links, die auf home.php verweisen, funktionieren. Das Dropdown für Login funktioniert auch. Aber wenn ich darauf klicke, kann ich nicht in die login.php oder masterlogin.php gehen. Was könnte das Problem sein?Dropdown auf bootstrap navbar funktioniert nicht richtig

navbar.php

<html> 
<head> 
<link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
</head> 
<body> 
    <nav class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <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="home.php"><img src="logo3.png" alt="Home"></a> 
      </div> 
      <div class="collapse navbar-collapse" id="myNavbar"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="home.php#content1">Content1</a></li> 
        <li><a href="home.php#content2">Content2</a></li> 
        <li><a href="home.php#content3">Content3</a></li> 
        <li><a href="home.php#content4">Content4</a></li> 
        <li><a href="home.php#content5">Content5</a></li> 
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">LOGIN<span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
          <li><a href="login.php">LOGIN</a></li> 
          <li><a href="masterlogin.php">MASTER LOGIN</a></li> 
         </ul> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </nav> 
</body> 
</html> 

home.php

<!--At the top--> 
<?php 
include_once "navbar.php"; 
?> 
<!-- Followed by rest of the code for home.php--> 
+0

Vielleicht vergessen, das Javascript hinzuzufügen? –

+0

das Javascript ist auch da. Habe vergessen, es zu meiner Frage hinzuzufügen. Es tut uns leid. Aber es funktioniert immer noch nicht. –

+0

Versuchen Sie, 'role =" navigation "' zum Knoten

Antwort

0

ersetzen js Ihre css

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

es in Ihrem Code arbeiten

+0

Yip, ich sah nie die falsche Reihenfolge von ... jQuery zuerst ... 'if (" undefined "= = typeof jQuery) new error ("Bootstrap's JavaScript benötigt jQuery"); 'Seltsam, dass er diese Nachricht nicht bekommen hat ...? –

Verwandte Themen