javascript - 如何使用 JavaScript 禁用主菜单？

Question

我的菜单位于“ul, li”中，如何使用 JavaScript 禁用父菜单？我想停止父菜单的重定向，只有子菜单会被重定向

我无法在 html 中添加类或 id 来禁用父菜单。有什么方法可以帮助停止使用 JavaScript 进行重定向吗？

以下是我的 HTML 代码:

<ul class="firstLevel" style="">
  <li class="sel">
    <div class="item">
      <a title="Home" href="#/"><span>Home</span></a>
    </div>
  </li>
  <li class="dir">
    <div class="item">
      <a title="About Us" href="#/page-18080"><span>About Us</span></a>
      <ul class="secondLevel">
        <li class=" ">
          <div class="item">
            <a title="Vision" href="#/page-18126"><span>Vision</span></a>
          </div>
        </li>

        <li class=" ">
          <div class="item">
            <a title="Our Team" href="#/Our-Team"><span>Our Team</span></a>
          </div>
        </li>

        <li class=" ">
          <div class="item">
            <a title="Our Board" href="#/page-18128"><span>Our Board</span></a>
          </div>
        </li>

        <li class=" ">
          <div class="item">
            <a title="Our Charter" href="#/page-18127"><span>Our Charter</span></a>
          </div>
        </li>

      </ul>
    </div>
  </li>
  <li class="dir">
    <div class="item">
      <a title="Events" href="#/events"><span>Events</span></a>
      <ul class="secondLevel">
        <li class=" ">
          <div class="item">
            <a title="About the event" href="#/page-18147"><span>About the event</span></a>
          </div>
        </li>
      </ul>
    </div>
  </li>
</ul>

Answer 1

https://api.jquery.com/event.stoppropagation/

$(child).on("click", function(event) {
  // TODO

  event.stopPropagation();
});