2016-04-16 22 views
0

Ich kann zu den verschiedenen Seiten gehen, indem ich auf MENÜ, aber nicht auf die erste Seite (index.php) klicke.Kann mir bitte jemand sagen, warum meine Navigation nicht funktioniert?

Dies ist die Javascript-Funktion, die ich in den Kopf gesetzt:

function toggle_visibility(id) { 
      var e = document.getElementById(id); 
      e.style.display = (e.style.display === 'block') ? 'none' : 'block'; 
     } 

Dies ist die Navigation im Körper:

<nav> 
      <a href="index.php" onclick="toggle_visibility('menu'); 
        return false"> 
       MENU 
      </a> 

      <div id="menu" style="display:none;"> 
       <a href="seite1.php" onclick="toggle_visibility('submenu'); 
         return false"> 
        POINT1 
       </a> 
       <div id="submenu" style="display:none;"> 
        <a href="seite2.php"> 
         POINT 2 
        </a> 
        <a href="seite3.php"> 
         POINT 3 
        </a> 
       </div> 

       <a href="seite4.php"> 
        POINT 4 
       </a> 
       <a href="seite5.php"> 
        POINT 5 
       </a> 
      </div> 

     </nav> 

Vielen Dank für die Unterstützung. .. :)

Antwort

1

die "return false" verhindert die normale Aktion der <a> Link, der dazu führt, dass der Link nicht funktioniert.

Sie müssen das entfernen, damit es ein Navlink ist.

<a href="index.php" onclick="toggle_visibility('menu')"> 
     MENU 
    </a> 

Ich versuche, herauszufinden, warum Sie die beiden Rück Falschen haben da drin, aber ich kann es nicht sehen - Sie die Sichtbarkeit des Menüs und Unter mienu Makeln, aber ich bin nicht sicher, warum die Return false ist erforderlich.

+0

Danke für Ihre schnelle Antwort! Ich habe es ausprobiert, aber ohne die Rückkehr ist das Menü leider sehr kurz und springt zurück, so dass man auf keinen der Menüpunkte klicken kann. –

+0

Ich entschied mich nun einen weiteren Menüpunkt "HOME" hinzuzufügen. Danke für deine Hilfe, gavgrif! –

Verwandte Themen