用 ul 禁用 li答案

【问题标题】：Disable li with ul用 ul 禁用 li
【发布时间】：2013-07-19 05:17:45
【问题描述】：

我正在尝试使用 jQuery 禁用带有子链接的父链接。谁能帮帮我？？？

我希望仍然保持子链接处于活动状态。下面是我正在使用的 jQuery。我正在使用超级鱼菜单，我敢肯定这很常见。任何帮助都可以！

提前感谢您！

对不起，我是新手。我不知道从哪里开始。我想要做的是禁用下面的“教程”链接，但保持我的 Photoshop、Illustrator 和 Web 设计链接处于活动状态。我知道你可以只添加一个指向“教程”的链接，它不会被激活，但是有没有办法在 jQuery 中做到这一点？谢谢！

首页
教程
- Photoshop
- 插画家
- 网页设计
文章
- 网页设计
- 用户体验
灵感

【问题讨论】：

也许我错了，但不是 LINKS（A 标记）上的事件，而不是列表项 (LI)？
我们是否需要所有这些代码来解决您的问题？你能把它精简到相关的吗？
您能否更详细地描述您的问题，并更加关注点？这有点“这是一堆代码，帮我修好”，这不是 Stack Overflow 的用途。我不明白你对你想要达到的目标的描述，我也不清楚你的哪一点代码可以实现它，或者什么不起作用。
对不起，我是新手。我不知道从哪里开始。

标签： jquery parent superfish

【解决方案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

您将能够将锚定在“教程”周围，而不会丢失您的样式或单击光标。这只是您如何攻击它的一个示例。

【讨论】：