问题标签 [wp-nav-menu-item]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
42 浏览

php - 如果在 li 元素中找到类,则将 HTML 添加到字符串部分的开头和结尾

所以,我试图根据类是否submenu-item存在于 li 上来更改 wordpress 菜单的 DOM 结构。我想做的是改变它,使其<li class="submenu"><ul>在 li 组之前并在 li</ul></li>组之后与 class 一起出现submenu-item

例如:这是我需要操作的字符串(可能使用 REGEX):

我怎样才能实现字符串替换,以便如果submenu-item找到它会在此处的 lis 组之前和之后添加 html?

例如,想要更改它,使其看起来像这样:

希望这是有道理的,基本上,只是想将已submenu-item在类名中列出的 lis 组包装在<li /><ul />标签中。

这是可能的吗,并且认为正则表达式可以在这里提供帮助,但不确定如何。我正在使用wp_nav_menu_itemswordpress 过滤器,因为我可以看到 wp_navwalker 类没有提供任何简单的方法来做到这一点。这是唯一真正提供对 dom 的体面操作的钩子,除非我忽略了使用不同的 wordpress 钩子或其他东西做这件事的方式?

0 投票
1 回答
186 浏览

wordpress - 向 WordPress 导航项目添加额外的 div

什么是更改我的 wp-menu 生成的输出的最简单方法

?

我需要这种“辅助 div”,因为我必须以某种方式对齐三个元素,并且独立于 li 中可能的附加内容(例如子菜单)。

我正在使用默认的 wp_nav_menu() 并且作为第一次主题构建器,我不知道在哪里可以找到菜单的“设置”。知道我应该在哪里仔细看看吗?

0 投票
0 回答
102 浏览

javascript - 在 WordPress 菜单中使用 JS 变量失败

我正在使用 wp_nav_menu 加载 WordPress 菜单,如下所示:

我尝试将 javascript 变量分配给“search-toggle-icon”和“nav-search”类,并使用这些变量来切换可见性。这样做是行不通的。如果我不使用 JS 变量而仅引用 css 类“search-toggle-icon”和“nav-search”,则 js 显示/隐藏有效,但如果我创建变量并尝试使用 js 变量进行显示/隐藏,它不起作用。

我创建了一个CodePen 示例,显示使用不是 wordpress 生成的菜单的变量可以正常工作,但是如果我将相同的 javascript 代码与 wp_nav_menu() 生成的菜单一起使用,它会失败。

如果我 console.log 变量,控制台会很好地显示这些节点,即使 jquery .hide() 执行了“display:none” - 它实际上并没有隐藏网页上的 div。就好像 jquery 在网站完全加载之前运行,并且变量的 console.log 显示 jquery 修改后的 html,即使修改后的 HTML(添加 display: none;)在实时 HTML 中不存在。

这是我的 javascript 代码,由于使用了两个类的变量(search-toggle-icon 和 nav-search),它不起作用。如果我将所有对这些变量的引用切换为类名,一切都会很好。

我已经尝试测试 js 变量的创建,并为我的页面上不属于 WP_NAV_MENU 的项目使用这些变量,它们工作得很好。这只是 wp_nav_menu() 中不起作用的项目的 js 变量用法。

wp_nav_menu 是否有一些东西使 JS 变量无法正常工作?在使用这些变量之前,我是否需要做更多的事情来要求页面加载并准备好?有趣的是,如果我 console.log 这些变量,它们会成功地向我显示正确的节点,但执行 JS(显示/隐藏等)不起作用。

0 投票
0 回答
37 浏览

drop-down-menu - 悬停时WordPress导航菜单项相互重叠

悬停时导航器菜单项相互重叠存在此问题 - 悬停时它们不会折叠,因此所有下拉菜单都相互重叠。

链接到下面的屏幕截图。有没有人有修复?

标题菜单重叠问题的屏幕截图 在此处输入图像描述

0 投票
0 回答
20 浏览

wordpress - 使用 wp_nav_menu 创建基于 HTML 结构的自定义 Wordpress 菜单

我正在尝试从 HTML 结构为我的自定义 wordpress 主题创建一个菜单,但它似乎比我想象的要复杂得多,我现在设法得到这个结构,但其余的我被卡住了。你能帮我完成我的代码吗?

这是我想要实现的 HTML 结构:

这是我试图修改以实现结果的 WP 导航菜单功能:

我从未尝试过自己制作 Wordpress 菜单,因此提前感谢社区的帮助。

0 投票
1 回答
74 浏览

wordpress - 如何使 div 或 id 仅对登录的 wordpress 作者可见

菜单项包含应该只对数据的 wordpress 作者可见的数据。

有没有办法只为 wp 作者显示这个 id?

0 投票
0 回答
49 浏览

wordpress - 如何仅将 div 添加到深度 2 子菜单?

我找到了这个 wordpress nav menu walker 代码,并且在添加此代码时,div 会附加到每个深度的所有子菜单。我只需要 div 用于深度 2 的子菜单。我应该改变什么以获得所需的结果。

0 投票
1 回答
53 浏览

jquery - 如何在 wordpress 仪表板的导航菜单中添加项目?

如何为我在 wordpress 仪表板下方附加图片中引用的区域添加按钮或链接到导航菜单项?

我可以使用什么钩子或函数?

在此处输入图像描述

0 投票
1 回答
43 浏览

php - 如何在 wp_nav_menu() 中的 link_before 中添加 php 代码?

我想在<img src="<?php field('text') ?>" alt="" />里面添加这一行

但它不起作用,因为 link_before 用于文本。有没有办法添加这个代码?

0 投票
1 回答
99 浏览

wordpress - 如何将新菜单项动态添加到特定 WordPress 菜单的开头?

我在我的 WordPress 主题中注册了 4 个菜单。

我需要在 menu-4 的开头动态插入一个新的菜单链接据我了解,只需传入菜单的主题位置名称,就可以使用 wp_nav_menu_items 的变体过滤特定菜单。在我的例子中,'menu-4'。

但是,这是行不通的。我不确定我在这里缺少什么。