问题标签 [wp-nav-walker]

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 投票
1 回答
165 浏览

php - Wordpress 中的当前级别导航

我有一个 3 级导航:

我正在尝试分别获取每个导航级别,

使用上面的示例导航,在 sub5 页面上,我需要

当前一级导航:首页

当前并行2级nav:submenu1、submenu(都在Home下)

当前并行3级导航:sub4,sub5(子菜单下的菜单)

我将需要修改菜单的元素和样式,并且需要使用 php 中的菜单项,例如:

请帮助分别获取导航层以显示如上所述。

我得到了 1 级和 3 级的工作,但无法正确显示当前的并行 2 级导航。

谢谢。

当前代码:第二个导航作品:

但是,如果菜单中有重复的(第 3 级)页面,则此脚本仅采用第一个父级......它可能是最后一个或真正的父级(可能来自 url 路径?)

菜单问题中的重复页面:

访问重复页面(sub5)时,返回的父级是第一个(Home > submenu),应该是(About > about3)

请帮助解决这个问题...

0 投票
0 回答
85 浏览

javascript - MS Edge 和 Internet Explorer 在悬停时打开导航链接而不单击它

一位客户报告说,当鼠标悬停在其 Wordpress 网站上时,一些链接正在打开。这只发生在 MS 浏览器上,例如 Edge(版本 14 到 18)和 IE。这个主题不是由我完成的,而是大约 1 年前由其他一些开发人员完成的,他使用 bootstrap-nav-walker 生成标题菜单,并且由它生成的所有 href 都显示了这种奇怪的行为

我在运行不同版本的 Edge 和 IE 的不同设备上进行了尝试,但问题仍然存在。将鼠标悬停在项目上时,仅触发了 bootstrap 3 方法,这在其他站点上运行得很好。客户还说这个问题发生在大约 1 1/2 年前网站启动时,并由一些 JS 代码修复,但无法告诉我到底做了什么。

这是用于生成菜单项的代码:

这就是结果

我们也在不同的 wordpress 网站上使用 BSNavwalker,但没有一个显示出这种奇怪的行为。我也找不到任何有关 Edge 或 IE 在悬停时打开链接的帮助。

0 投票
2 回答
1178 浏览

wordpress - WP Bootstrap Navwalker 不显示“当前菜单项”类

liWP Bootstrap Navwalker 生成的不包括“current-menu-item”类,导致我在设置当前活动菜单项时出现问题。

我在我的functions.php文件中添加了下面的代码,但它不起作用,因为li没有'current-menu-item'类开始。

我还尝试声明一个全局变量$myNav,然后分配整个wp_nav_menu代码块,但仍然无法正常工作。

这是wp_nav_menu我文件中的代码的header.php样子。

这是我的functions.php文件。

这是我检查输出 HTML 上的元素时的样子。

我的目标是让 navwalkercurrent-menu-item在活动中生成类,li以便我可以正确设置它的样式。

0 投票
1 回答
126 浏览

wordpress - WordPress 菜单:从 ul 中删除第三级的类

我正在使用Bootstrap 导航步行器

用于创建 WordPress 菜单。它创造了什么

现在我不想在 UL 的第三和第四级添加课程。我该怎么做?没有JS可以吗?

0 投票
0 回答
63 浏览

php - 访问 end_lvl 中的子菜单描述(Wordpress Walker_Nav_Menu)

我目前正在开发一个自定义 WordPress 子菜单;我使用 Walker_Nav_Menu 向其中添加了一些自定义 html 代码。

我想访问字段descriptionattr_title方法内部end_lvl。那可能吗?

与此相同,但在end_level如何使用 Wordpress walkers 显示父菜单项的描述?

0 投票
3 回答
589 浏览

php - 如何删除所有 ul 和 li,但仍保留 WordPress 中的当前菜单项?

我试图通过 WordPress 通过 wp_nav 输出这个结构,但仍然为当前菜单项保留一个类,因此当前页面上的选项卡会发生变化。(is-active 将替换当前菜单项)。这是基于https://getmdl.io/components/index.html#layout-section

但是,我不知道该怎么做。有任何想法吗?

0 投票
1 回答
235 浏览

wordpress - Popper 已加载但无法在 Wordpress 上使用 bootstrap 4

我在 Wordpress 上使用带有 Bootstrap 4 的 Popper,并拥有 DataTables 和 Navwalker。我的下拉菜单和汉堡包不起作用。Popper 正在加载,但我怀疑 css 和 js 文件的顺序可能是问题所在。请有任何想法。这就是我正在加载的内容。

0 投票
1 回答
697 浏览

php - 我们可以通过覆盖 Walker_Nav_menu 来使用 PHP 更改 wordpress 自定义 walker 类第一个(根)ul 标记吗

大家好,使用 Wordpress 框架的人通常我会创建一个扩展Walker_Nav_menu的自定义 walker, 以制作自定义 wordpress 菜单。我确实在 functions.php 中注册了菜单位置,我确实连接了菜单并创建了一个 custom_nav_walker 并且它起作用了。但是,我无法更改主 ul 根标记以使用 navwalker php 类在不使用 javascript 的情况下将一些内联代码放在那里。

所以导航菜单html是这样的。

我试图覆盖 Walker 类中的 start_lvl 函数:

在 ul 标记内打印 $depth 后,我发现这个 start_lvl 没有处理第一个 UL

在此类中,我可以在哪里覆盖主 UL 标记,我检查了 wordpress 调用 wp_nav_menu 数组,也许我错过了什么?我有兴趣在没有 Javascript 的情况下使用 PHP 来做这件事。

0 投票
1 回答
1067 浏览

php - 将 wp_nav_menu 变成 foreach 循环

我有一个自定义的 wp_nav_menu 导航,它仅从一个回显行输出子页面项目的整个列表......

我这样做是为了去掉ulandli标签。目前它输出这个:

这是完美的,正是我想要的。

你会看到我使用了一个自定义的walker,这是为了让我只显示当前页面的子菜单项。

当我需要向每个服务盒项目添加其他元素时,问题就出现了。

我已经设法添加标签和类,例如 H1 和 Div 标签......但现在,我想在每个服务框项目旁边的每个页面标题下方添加一个按钮。

我相信最好的选择是将它添加到循环中,而不是将这些项目添加到回显字符串中,我可以正确添加它们,从而为每个项目提供更多灵活性。

我以前使用页面和发布循环完成了此操作,但我无法弄清楚如何使用 wp_nav_menu 执行此操作。

我能想到的唯一方法是这样的......

但正如你所看到的,这显然行不通,因为代码非常错误,并且有各种各样的问题。我正在将页面/帖子循环与导航输出混合。

我陷入了真正的混乱,因为我不知道如何使用导航菜单处理诸如永久链接之类的其他内容,因为它们似乎是自动内置的,并且可能无法从 foreach 循环中使用get_permalink();.

基本上我只需要能够为每个项目添加其他元素......除非我可以在回显字符串中添加按钮(带有永久链接等)?非常感谢任何帮助或建议!

如果您想知道,它目前看起来像这样:

在此处输入图像描述

我试图让每个项目看起来像这样:

在此处输入图像描述

0 投票
1 回答
90 浏览

wordpress - 添加标题
  • 在第一个之前
  • 使用 Wordpress Nav-walker 类的下拉菜单
  • 我试图在引导下拉列表的第一个(或)<li>之前添加一个新的,这将是下拉列表的标题。我知道 $output 应该有一个条件,但是我应该只在第一个下拉列表之前输出什么?<li><div><li>

    到目前为止的代码(内部start_el()函数)-

    输出在每个<li>. 截屏-

    在此处输入图像描述