在嵌套列表导航中禁用父链接

jQuery 代码，用于禁用下拉菜单的父链接。该菜单应构建为嵌套列表，并且父链接被禁用。这有助于消除一个无用的页面，该页面仅显示一个指向下拉菜单中已显示的页面的链接列表。

jQuery

$("#navigation li:has(ul.sub-navigation)").hover(function () {
     $(this).children("a").click(function () {
        return false;
     });
  });

参考 HTML

<ul id="navigation">
  <li><a href="#your-link-here">Nav 1</a></li>
          <ul class="sub-navigation">
                <li><a href="#your-link-here">SubNav 1</a></li>
                <li><a href="#your-link-here">SubNav 2</a></li>
                <li><a href="#your-link-here">SubNav 3</a></li>
          </ul>
  <li><a href="#your-link-here">Nav 2</a></li>
  <li><a href="#your-link-here">Nav 3</a></li>
  <li><a href="#your-link-here">Nav 4</a></li>
</ul>