javascript - 在下拉导航中禁用父链接

Question

我有一个导航，类似下面...

<ul>
    <li><a href="page.html" id="hyperlink1">Link</a>
        <ul>
             <li><a href="link.html">Link</a></li>
             <li><a href="link.html">Link</a></li>
             <li><a href="link.html">Link</a></li>
        </ul>
    </li>
</ul>

我想禁用 ID 为“hyperlink1”的父链接。

我试过在 jQuery 中用下面的代码来做这件事

$("a#HyperLink1").click(function() { return false; });

只是它似乎也禁用了所有子链接，有没有更好的解决方案？

Answer 1

你应该阻止 anchor 的默认行为......通过使用preventDefault()事件对象上的方法。 :)...

$("a#HyperLink1").click(function(e) {
    e.preventDefault();
});

这允许事件在 DOM 中冒泡；这确保您监听的任何其他处理程序都会触发该事件，但它会阻止执行默认行为(例如，阻止为 anchor 打开链接，阻止在 submit 按钮上提交表单) .