it-swarm.cn

菜单中不可点击的占位符

好吧,我真的希望我的一个或多个顶级菜单项(具有子菜单项的父菜单项)不可点击,这样访问者只能点击子菜单项...可能非常好用于水平定位的菜单。

任何插件可以做到这一点(或欺骗或黑客或....)?

4
Morten

是的,这可以通过向菜单添加自定义链接来为其分配任何URL(对于此示例我只是添加了#),然后单击添加到菜单。一旦它在菜单上打开它并删除您分配和保存的URL。如果你没有把网址放在最初,WordPress将不允许你将它添加到菜单中。在您的页面上,您可以将鼠标悬停在它上面,然后会出现下拉菜单,但您无法点击父级“占位符”。

alt textalt text

8
Chris_O

在大多数浏览器中,“#”或甚至“”或甚至不存在元素的href属性都会使元素可单击。因此,之前的响应将不起作用100%这取决于您的主题菜单和您的需求/能力如何处理代码。如果您不想更改整个菜单代码,有2个基本选项:

  • 用类似的东西替换适当位置(在顶部+在父链接上)上的元素,但这可能导致必须进行主要的CSS编辑。

要么

  • 在这些地方包括元素这个属性:

onclick =“return false;”

它适用于所有主流浏览器。您可以添加样式以生成箭头光标,禁用下划线等。

1
Pavel

我喜欢插件禁用父菜单链接。由于我的固定链接结构,我在上面尝试了空白url-in-the-cusom-menu技巧时发现了一个问题 - 它确实没有成为一个页面我还想让它作为父级运行吗?不记得了,但又回到了插件。

0
OYF