2016-06-02 26 views
0

Ich versuche, ein Dropdown-Menü auf meiner Homepage zu erstellen, aber das Dropdown-Menü ist immer aktiv. Ich benutze diesen Code. Was ist daran falsch? Dropdown-Menü bootstrap aktiv

Dies ist der Teil der Drop-Down-Code Ich verwende:

<li class="dropdown" class="" itemprop="name" > 
        <a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Another action</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Settings</a></li> 
         </ul> 
         </li> 

Es ist immer dann aktiv, wenn ich die Seite zu öffnen und nicht, wenn ich auf sie hinunter fallen zu lassen.

+1

Sie die JavaScript-Dateien enthalten müssen, um es interaktiv zu machen. –

+0

Bitte geben Sie in Zukunft ein minimales, nachprüfbares Beispiel oder ein jsFiddle mit Ihrer Frage an. Wenn Sie das getan hätten, hätten Sie gewusst, dass dieser Code vollkommen in Ordnung ist und Ihr Problem woanders liegt. https://jsfiddle.net/w3rm4mhy/ –

+0

Bitte veröffentlichen Sie ein funktionierendes Beispiel Ihres Codes (HTML/CSS/JS) in einem [Snippet] (https://blog.stackoverflow.com/2014/09/introducing-runnable- Javascript-CSS-und-HTML-Code-Schnipsel /). Siehe [mcve] und [fragen]. – vanburen

Antwort

0

Hier voller Code.

<!DOCTYPE html> 
 
<html lang=""> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>Title Page</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
    </head> 
 
    <body> 
 
    <div class="dropdown"> 
 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Admin 
 
     <span class="caret"></span></button> 
 
     <ul class="dropdown-menu"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li class="divider"></li> 
 
     <li><a href="#">Settings</a></li> 
 
     </ul> 
 
    </div> 
 
    <script src="https://code.jquery.com/jquery.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 
    </body> 
 
</html>