ZURB Stiftung Off Leinwand Untermenü nicht mit kantigen

Question

arbeitet ich die von Stiftung kopiert nach einer AUS Leinwand Untermenü Funktion zu erhalten:

<li class="has-submenu"> 
    <a href="#">Foo</a> 
    <ul class="left-submenu"> 
     <li class="back"><a href="#">Back</a></li> 
     <li><label>Level 1</label></li> 
     <li><a href="#">Link 1</a></li> 
    </ul> 
</li> 

Wenn ich auf ‚Foo‘ klicken, wird das Untermenü nicht komm hoch, ich gehe auf meine Homepage. Ich glaube, weil der Link # ist, und das ist, was Angular verwendet. Gibt es eine Möglichkeit, in diesem Fall die Verwendung von # durch Foundation zu ändern, damit das Untermenü funktioniert?

Answer 1

Ich glaube, weil der Link ist #, und das ist, was Angular verwendet.

Ja, Sie haben Recht. Die erste Möglichkeit, dies zu lösen, ist turn on html5mode, aber es ist nicht immer möglich (z. B. wegen der Einrichtung Ihres Servers).

Eine andere Lösung ist href leer zu halten - wenn Sie nicht Hash-Tags für Anker brauchen, aber nur um das Untermenü zu öffnen, wird die Funktionalität sehr ähnlich ist:

<li class="has-submenu"> 
    <a href="">Foo</a> 
    <ul class="left-submenu"> 
     <li class="back"><a href="">Back</a></li> 
     <li><label>Level 1</label></li> 
     <li><a href="">Link 1</a></li> 
    </ul> 
</li>