Question

我有一个单词按导航栏，其中有2个按钮Home和Contact。当悬停在联系人页面上时，会有一个名为number的子项。如何阻止用户导航到父链接？并且只允许他们选择号码并导航到该页面。

Answer 1

最快捷的方法是创建网址为#/的父菜单项，以防止点击。它会将#/附加到浏览器中的网址，但除此之外不会发生任何其他情况。请注意，最后的斜杠会阻止页面在单击时滚动到顶部，这对于粘滞菜单特别有用。

如果你想阻止你的浏览器中的URL更改，你可以添加一些Javascript来防止点击事件的href为#/的链接就像这个jQuery ...

$('a[href*=\\#\\/]').click(function (e) {
    e.preventDefault();
});

正如Jaxon在评论中所说，你可以在这些父项上使用CSS change the cursor（也许可以default。）

如果你觉得这种方法太过＆＃34; hacky＆＃34;你可以use a Walker实际覆盖输出HTML，但是根据你的实现，对于这样一个小的影响我感觉有些过分。另外，一旦剥离a标记，如果您的下拉列表要求该标记正常工作，则可能会遇到菜单的其他问题。

Answer 2

您可以在wordpress控制台中尝试这些步骤。