Holen Sie sich Links in der Liste mit jQuery

Ich möchte meine "li" (st) -Tag Redirect auf eine Seite, wenn Sie klicken. Ich bin nicht sicher, was der beste Weg, dies zu tun ist, aber ich habe den folgenden HTML-Navigation Setup:Holen Sie sich Links in der Liste mit jQuery

  <nav class="navigation_menu" id="navigation_menu"> 
       <div class="menu-icon"></div> 
       <ul> 
       <li><span id = 'title' class = 'left title'>Cricket</span></li> 
       <li><a href = "index.php">Home</a></li> 
       <li><a href = "services.php">Services</a></li> 
       <li><a href = "prices.php">Prices</a></li> 
       <li><a href = "contact.php">Contact</a></li> 
       <li><a href = "suport.php">Support</a></li> 
       <li class = 'button'><button id = 'getstarted'>GET STARTED</button></li> 
       </ul> 
      </nav>

Ich bin ziemlich neu in jQuery so bin ich nicht 100% sicher, wie dies zu tun.

Quelle

2016-12-14 Mac

Sie möchten also auf die in href definierten Seiten umleiten, aber jQuery verwenden? Ist das korrekt? – mcv

@mcv - ja, Entschuldigung für die Unklarheit. Ich habe Anchor-Tags mit href = '' Links und ich möchte meine List-Tags auch umleiten. Es wird nur umgeleitet, wenn Sie auf "Home" klicken, zum Beispiel nicht auf die Liste. – Mac

Little odd request ... weil im Grunde genommen haben Sie eine Tags innerhalb der Liste Elemente gesetzt. Was ist dein CSS? Anzeige geben: Block; zu einem Tags, um ganze Breite von Listenelementen zu belegen ... – sinisake

Sie Javascript nicht für Dinge verwenden Sie in CSS tun trivialer können:

li { 
 
    background: red; 
 
} 
 
a { 
 
    background: green; 
 
    display: block; 
 
    height: 100%; 
 
    width: 100%; 
 
}

<nav class="navigation_menu" id="navigation_menu"> 
 
       <div class="menu-icon"></div> 
 
       <ul> 
 
       <li><span id = 'title' class = 'left title'>Cricket</span></li> 
 
       <li><a href = "index.php">Home</a></li> 
 
       <li><a href = "services.php">Services</a></li> 
 
       <li><a href = "prices.php">Prices</a></li> 
 
       <li><a href = "contact.php">Contact</a></li> 
 
       <li><a href = "suport.php">Support</a></li> 
 
       <li class = 'button'><button id = 'getstarted'>GET STARTED</button></li> 
 
       </ul> 
 
      </nav>

Die background Regeln nur dann verwendet werden, um darzustellen, dass das a Element jetzt genau die gleiche Größe wie die Eltern li - Sie können sie für Ihren Code ignorieren.

Quelle

2016-12-14 00:19:56

Holen Sie sich Links in der Liste mit jQuery

Antwort

Verwandte Themen