【问题标题】:WordPress customizing wp_nav_menu into bootstrap collapsible tree menuWordPress 将 wp_nav_menu 自定义为引导可折叠树形菜单
【发布时间】:2016-04-11 11:14:01
【问题描述】:

我有一个带有层次结构的 wordpress 菜单,并希望使用此引导菜单的功能对其进行自定义:

http://cssdeck.com/labs/twitter-bootstrap-plain-collapsible-tree-menu

问题是他们在标题周围使用了一个跨度,有什么办法可以在我的 wp_nav_menu 的某些元素周围注入一个跨度?

这是我到目前为止所完成的工作,对于 jquery,我对其进行了一些更改以使其可以正常工作:

$('.tree-toggler a').click(function (e) {
    e.preventDefault();
    $(this).parent().children('ul.sub-menu').toggle(300);
});

我已将 tree-toggler 类添加到我的菜单项中,但现在显然没有任何链接可以工作,因为我执行了 preventDefault()。但至少我的菜单现在可以折叠了。耶。由于我不知道如何在 wp_nav_menu 输出中的标题周围插入标签,我想我必须找到使用 a 的解决方法。

【问题讨论】:

  • 是的,有办法,你有你的答案,现在去尝试一下,如果你不成功,给我们看一些代码
  • @madalinivascu 你能指出我找到这条路的正确方向吗?
  • 只要你能分享你所做的事情,我们就能帮助你。没有人会为你写代码。
  • @Milap 我明白,但问题是我不知道从哪里开始。我没有游戏计划,因为我对 wordpress 还很陌生。

标签: jquery html css wordpress twitter-bootstrap


【解决方案1】:

是的,有。我在大多数项目中都使用了引导程序。

您需要使用 Bootstrap Nav Walker 才能在 Wordpress 中实现 Bootstrap 菜单。

更多信息在这里https://github.com/twittem/wp-bootstrap-navwalker

按照该页面上的说明进行设置非常简单。

【讨论】:

  • 这看起来正是我需要的,但是 github 自述文件上的图像不起作用?
  • 是的,但是上面有代码示例和说明可以帮助您启动和运行。因此,请遵循这些说明。添加文件,添加主题功能,添加菜单。
  • 我可以用它来创建与这个相同的菜单:link 吗?还是只能用它来创建下拉菜单?
猜你喜欢
  • 2017-08-31
  • 2015-05-29
  • 2014-08-26
  • 2014-01-27
  • 1970-01-01
  • 2016-05-02
  • 1970-01-01
  • 1970-01-01
  • 2012-07-06
相关资源
最近更新 更多