文章/答案/技术大牛

发布

社区首页 >问答首页 >启动-打开下拉菜单和特定菜单项的子菜单。

问启动-打开下拉菜单和特定菜单项的子菜单。
EN

Stack Overflow用户

提问于 2016-03-16 06:54:09

回答 2查看 1.4K关注 0票数 1

我使用了下拉菜单和下拉子菜单(只有2个级别)，用户可以单击下拉子菜单并选择他们想要的项目。

示例：

1.1级

- Level 1.2.1
- Level 1.2.2
- Level 1.2.3  (User click here)

1.2级

然后我将子菜单项ID存储在用户单击的地方(1.2.3)，并在下拉菜单之外添加一个按钮，然后当用户单击该按钮时，根据子菜单项ID将打开下拉菜单和子菜单项ID。

现在我只能打开1级菜单

$("#menu1").dropdown('toggle');

但不知道怎么打开子下拉菜单。

下面是我使用的示例：http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3

但我只想用2级下拉菜单项。

jquery

html

css

twitter-bootstrap

javascript

回答 2

Stack Overflow用户

发布于 2016-03-16 07:26:33

尝尝这个。

$document.ready(function() { 
    $('.dropdown').hover(function() {
        $(this)  // triggered on hover
            .children('.sub-menu')
            .slidedown(200);
        },
        function() {
            $(this) // triggered on hover end
                .children('.sub-menu')
                .slideup(200);
        }
    });
});

票数 1

Stack Overflow用户

发布于 2016-03-16 10:13:50

我自己解决了这个问题。您需要知道的是子菜单的ID和重要的类“打开”-如果没有这个子菜单将不会打开编程。

在要单击以显示下拉菜单的按钮中，您需要：

 $('#txt_rgb_red_change').click(function(e) {
     e.stopPropagation();
     $("#menu1").dropdown('toggle');

     ID_HANDLE_HERE // see below

 });

它将打开下拉菜单，但没有子菜单。当用户已经单击子下拉菜单项时(您可以用

$(".dropdown-submenu").bind("mouseenter",function(){
    var id = $(this).attr('id');
    // get the id of drop-down menu item
});

下面是这个id的HTML示例：

<ul class="dropdown-menu scrollable-menu " role="menu" aria-labelledby="dropdownMenu" data-toggle="dropdown">
<li class="dropdown-submenu dropdown-toggle" id="sub_dropdown_1" data-toggle="dropdown"><a href="#">Band 1 - 50</a>
....
</li>
</ul>

这里是sub_dropdown_1，然后您可以像这样将类添加到ID_HANDLE_HERE中，它必须正确地添加到<li>中。

$("#sub_dropdown_1").parent("ul").parent("li").addClass('open')

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36028640

复制

相似问题

问启动-打开下拉菜单和特定菜单项的子菜单。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问启动-打开下拉菜单和特定菜单项的子菜单。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问启动-打开下拉菜单和特定菜单项的子菜单。
EN