1. Zuhause
  2. Frage und Antwort
  3. jQuery funktioniert nicht für Navbar in Materialize CSS

jQuery funktioniert nicht für Navbar in Materialize CSS

2017-09-27 3 views
1

Ich versuche, die jQuery load() -Methode zu verwenden, um eine Masterseite zu erstellen. Dies ist der wichtigste HTML- und Jquery-Codeblock.jQuery funktioniert nicht für Navbar in Materialize CSS

$("#nav-wrapper").load("untitled2/navbar.html");
<body> 
 
    <nav id="nav-wrapper"></nav> 
 
</body>

Der Code auf der Seite, wo die navbar 

<body> 
 
    <div class="nav-wrapper"> 
 
    <a href="#!" class="brand-logo">Logo</a> 
 
    <ul id="nav-mobile" class="right"> 
 
     <ul id="dropdown2" class="dropdown-content"> 
 
     <li><a href="#!"> <i class="small material-icons">add</i>K. Adi </a></li> 
 
     </ul> 
 
     <a class="btn dropdown-button" href="#!" 
 
      data-activates="dropdown2">DROPDOWN<i class="material-icons right">arrow_drop_down</i></a> 
 
    </ul> 
 
    </div> 
 
</body>
Aber das ist das Ergebnis locatedt wird. Dropdown und Logo werden nicht angezeigt. enter image description here

Quelle

2017-09-27 Ayhan Er

Antwort

0

Das Problem ist die Adresse, die jQuery für das Laden ging.

$("#nav-wrapper").load("untitled2/navbar.html");
Ändern Sie diesen Code auf diese Weise. 

$("#nav-wrapper").load("../untitled2/navbar.html");

Quelle

2017-09-27 20:26:52

Verwandte Themen

 Verwandte Themen