Wordpress页面项目上的导航菜单

Question

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

Answer 1

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

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

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

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

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

Answer 2

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