Отключить li с ul

Question

Я пытаюсь отключить родительскую ссылку с дочерними ссылками на нее с помощью jQuery. Может кто-нибудь мне помочь???

Я хочу, чтобы все дочерние ссылки были активными. Ниже приведен jQuery, который я использую. Я использую меню суперфишей, которое, я уверен, довольно распространено. Любая помощь поможет!

Спасибо заранее!

Прошу прощения, но я новичок в этом. Я не был уверен, с чего начать. Я хочу, чтобы отключить ссылку «Tutorials» ниже, но поддерживайте активные ссылки в Photoshop, Illustrator и Web Design. Я знаю, что вы можете просто добавить ссылку на «Учебники», и она не будет активной, но есть ли способ сделать это в jQuery? Благодаря!

• Главная
• Учебники
  • Photoshop
  • Illustrator
  • Веб-дизайн
• Статьи
  • Веб-дизайн
  • User Experience
• Вдохновение

Answer 1

Я предполагаю, что ваш HTML вдоль линий ...

(я добавил некоторые классы для целей моего ответа)

<ul class="list"> 
    <li><a href="#">Home</a></li> 
    <li class="tutorials"> 
     <a href="#">Tutorials</a> 
     <ul> 
     <li><a href="#">Photoshop</a></li> 
     <li><a href="#">Illustrator</a></li> 
     <li><a href="#">Web Design</a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Articles</a> 
     <ul> 
     <li><a href="#">Web Design</a></li> 
     <li><a href="#">User Experience</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Inspiration</a></li> 
</ul> 

Вам понадобится идентификатор определенного типа, чтобы указать jQuery для ссылки на «Учебники». Я сказал моему заявлению, чтобы посмотреть на неупорядоченный список с именем «список», затем на любые элементы с учебниками класса и, наконец, на якорь, который является прямым дочерним элементом учебников предыдущего элемента.

$(function() { 
    $('.list .tutorials > a').on('click', function(event) { 
     event.preventDefault(); 
     return false; 
    }); 
}); 

Вы можете обратиться к здесь для получения дополнительной информации о й методе preventDefault и возвращении: event.preventDefault() vs. return false

Вы будете в состоянии держать якорь, обернутый вокруг «Обучения», не теряя стиль или нажмите курсор. Это всего лишь один пример того, как вы могли бы атаковать это.