jquery 子菜单显示在所有 li 上

Question

我尝试仅在 li 的内容中获取子菜单。我有点不知道如何让它工作也许有人可以帮助我吗？

此构建在具有 bootstrap 主题的 Drupal7 网站中。

参见jquery：

/* scroll menu li "based on block" */
var newsLinks = '<ul id="sidebar" class="nav nav-stacked">';
var submenu = '<ul class="nav nav-stacked">';

$("#content .block-block").each(function (index, item) {

    $(this).find('.sub').each(function () {
        var submenu_id = $(this).attr('id');
        submenu += '<li><a href="#' + submenu_id + '">' + submenu_id + '</a></li>';
    })
    submenu += '</ul>';

    newsLinks += '<li class="' + item.id + '"><a href="#' + item.id + '">' + item.id + '</a>' + submenu + '</li>';
});
newsLinks += '</ul>';

$(".bs-docs-sidebar").html(newsLinks);

Answer 1

昨天，我使用了自动锚定 js。我会做一个 fiddle 来展示如果这样做可能会帮助其他人。感谢您的宝贵时间！

[fiddle link][1]


  [1]: https://jsfiddle.net/wcammeraat/rw55b54n

jquery 子菜单显示在所有 li 上

jquery submenu show on all li's

javascript

jquery

less

drupal-7

twitter-bootstrap