jquery - WordPress 将 wp_nav_menu 自定义为 Bootstrap 可折叠树菜单

Question

我有一个具有层次结构的 wordpress 菜单，我想使用这个 Bootstrap 菜单的功能对其进行自定义:

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

问题是他们在标题周围使用了 span，有什么方法可以在我的 wp_nav_menu 的某些元素周围注入(inject) span 吗？

这是我到目前为止所取得的成就，对于 jquery，我对其进行了一些更改以使其能够正常工作:

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

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

Answer 1

是的。我在我的大部分元素中都使用了 bootstrap。

在Wordpress中实现Bootstrap Menu需要使用Bootstrap Nav Walker。

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

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