-1

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

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

先感谢您！

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

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

4

1 回答 1

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() 与 return false

您将能够在不丢失样式或单击光标的情况下将锚定在“教程”周围。这只是你如何攻击它的一个例子。

于 2013-07-18T21:17:45.150 回答