Получить ссылки в списке с помощью jQuery

Я бы хотел, чтобы каждый тег «li» (st) перенаправлялся на страницу при нажатии. Я не уверен, что лучший способ сделать это, но у меня есть следующие настройки HTML навигации:Получить ссылки в списке с помощью 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>

Я довольно новый для JQuery, так что я не 100% уверен в том, как это сделать.

источник

2016-12-14 Mac

Итак, вы хотите перенаправить на страницы, определенные в href, но используя jQuery? Это верно? – mcv

@mcv - да, извините за непонятный. У меня есть привязанные теги с ссылками href = '', и я бы хотел, чтобы мои теги списка также перенаправлялись. Он перенаправляется только при нажатии «домой», например, а не в списке. – Mac

Маленький нечетный запрос ... потому что, в основном, у вас есть теги, установленные внутри элементов списка. Что такое ваш css? показать отображение: блок; к тегам, чтобы занять всю ширину элементов списка ... – sinisake

Не использовать Javascript для вещей вы можете сделать тривиальным в CSS:

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>

В background правила используются только для иллюстрации, что a элемент теперь точно такой же размер, как родительский li - вы можете игнорировать их для своего кода.

источник

2016-12-14 00:19:56

Получить ссылки в списке с помощью jQuery

ответ

Смежные вопросы