2016-05-20 4 views
2

Kontext: Ich habe ein Top-Bar-Menü mit Foundation 6 (nach dem docs) erstellt, mit horizontal auf großen Bildschirmen angezeigt, und als ein reaktives vertikales Menü auf mittel und runter. Es gibt ein Element mit Kindern, das auf großen Bildschirmen als Dropdown-Menü und auf mittleren Bildschirmen und darunter als Aufrissmenü angezeigt wird.Foundation 6 - Drop-Down-Elemente aktivieren keine Links beim Klicken

Ich habe die Website mit der Zurb "Yeti Launch" -App erstellt, so weit ich das beurteilen kann, habe ich alle js-Bibliotheken enthalten.

Problem: Nichts passiert, wenn entweder das Dropdown-Elternelement oder eines der untergeordneten Elemente angeklickt wird. Jede Hilfe, die dem auf den Grund geht, wird sehr geschätzt!

für das Menü Mein Abschlag ist wie folgt:

<div class="top-bar" id="main-menu"> 
    <div class="row"> 
     <div class="large-12 columns"> 
     <div class="top-bar-left"> 
      <ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown"> 
      <li><a href="/index.html">Home</a></li> 
      <li><a href="#">What's On</a></li> 
      <li><a href="/listen-again.html">Listen Again</a></li> 
      <li><a href="#">Community</a></li> 
      <li> 
       <a href="/brochure.html">About</a> 
       <ul class="menu vertical"> 
       <li><a href="/presenters.html">Presenters</a></li> 
       <li><a href="">Volunteers</a></li> 
       <li><a href="">The Board</a></li> 
       </ul> 
      </li> 
      <li><a href="/brochure.html">Get Involved</a></li> 
      <li><a href="/contact.html">Contact</a></li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 

Antwort

1

Haben Sie den init-Code hinzugefügt?

$(document).foundation(); 

Das CodePen-Beispiel mit dem HTML-Code, den Sie angegeben haben, funktioniert. http://codepen.io/shoaibik/pen/PNravB

Update: Es mag Sie sehen Foundation JS und jQuery zweites Mal in app.js Datei mit dem Namen, entfernen Sie bitte einmal Instanz und wieder bestätigen.

+0

Ich habe den Init-Code an der Spitze von app.js –

+0

Um klar zu sein, erscheint das Menü wie es soll, aber die Links sind einfach nicht anklickbar. –

+0

Können Sie die URL der Website posten, falls verfügbar, oder den Code vervollständigen. –

Verwandte Themen