Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress页面项目上的导航菜单_Wordpress - Fatal编程技术网

Wordpress页面项目上的导航菜单

Wordpress页面项目上的导航菜单,wordpress,Wordpress,我有一个word press导航栏,它有两个按钮Home和Contact。当鼠标悬停在联系人页面上时,会出现一个名为number的子项。如何阻止用户导航到父链接?并且只允许他们选择号码并导航到该页面。您可以在wordpress控制台中尝试这些步骤 最快的方法是创建一个URL为#/的父菜单项,该URL将阻止单击。它会将#/附加到浏览器中的url,但除此之外,不会发生其他任何事情。请注意,末尾的斜杠将阻止页面在单击时滚动到顶部,如果您有一个粘性菜单,这将特别有用 如果您想防止URL在浏览器中发生更改

我有一个word press导航栏,它有两个按钮Home和Contact。当鼠标悬停在联系人页面上时,会出现一个名为number的子项。如何阻止用户导航到父链接?并且只允许他们选择号码并导航到该页面。

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


最快的方法是创建一个URL为
#/
的父菜单项,该URL将阻止单击。它会将
#/
附加到浏览器中的url,但除此之外,不会发生其他任何事情。请注意,末尾的斜杠将阻止页面在单击时滚动到顶部,如果您有一个粘性菜单,这将特别有用

如果您想防止URL在浏览器中发生更改,可以添加一些Javascript来防止href为
#/
的链接的单击事件,如下面的jQuery

$('a[href*=\\#\\/]').click(function (e) {
    e.preventDefault();
});
正如Jaxon在评论中所说的那样,您可以使用CSS在这些父项上添加内容(可能是
default

如果您觉得这个方法太“黑”,您可能无法实际覆盖输出HTML,但这取决于您的实现,对于这样一个小的效果,我觉得这太过分了。另外,一旦你去掉
a
标签,如果你的下拉菜单要求标签正常工作,你的菜单可能会遇到其他问题。

同意,#/解决方案应该可以工作,但如果你有一个可点击的按钮,你将有悬停样式。在JS中总是可以执行一个事件.EvrimeDebug(),并在CSS中更改:悬停游标,但我会认为这是一个不可维护和HaKy的解决方案。