禁用li與ul

Question

我想禁用父鏈接與子鏈接到它使用jQuery。誰能幫我？？？

我想仍然保持子鏈接處於活動狀態。下面是我正在使用的jQuery。我正在使用superfish菜單，我相信這很常見。任何幫助都可以做！

預先感謝您！

對不起，但我是新手。我不確定從哪裏開始。我想要做的是禁用下面的「教程」鏈接，但保持我的Photoshop，Illustrator和Web設計鏈接處於活動狀態。我知道你可以添加一個鏈接到「教程」，它不會被激活，但有沒有辦法在jQuery中做到這一點？謝謝！

• 首頁
• 教程
  • 的Photoshop
  • 插畫
  • 網頁設計
• 文章
  • 網頁設計
  • 用戶體驗
• 靈感

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將「教程」鏈接作爲目標。我告訴我的說法是看看名爲'list'的無序列表，然後是任何具有類'tutorials'的元素，最後是前一個元素'tutorials'的直接子元素。

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

您可以參考這裏對日的preventDefault方法和更多信息返回：event.preventDefault() vs. return false

您將能夠保持周圍「教程」纏繞錨，而不會丟失你的造型，或單擊鼠標。這只是你如何攻擊這個問題的一個例子。