多级下拉不起作用

我是前端开发的新手。我正在尝试使用bootstrap添加多级下拉菜单。这是我在互联网上找到的我使用的Haml代码。当我点击Header 4时，我能够获得第一级下拉菜单，但是如果点击Sub Heading 1，它不会向我显示第二级下拉菜单，而是会关闭父级下拉菜单。多级下拉不起作用

%nav.navbar.navbar-inverse.sidebar 
    .container-fluid 
    %a.navbar-brand{:href => "#"} API Reference 
    #bs-sidebar-navbar-collapse-1.collapse.navbar-collapse 
     %ul.nav.navbar-nav 
     %li.active 
      %a{:href => "#"} 
      Header 1 
     %li 
      %a{:href => "#"} 
      Header 2 
     %li 
      %a{:href => "#"} 
      Header 3 
     %li.dropdown 
      %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"} 
      Header 4 
      %span.caret 
      %ul.dropdown-menu 
      %li.dropdown 
       %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"} 
       Sub Heading 1 
       %span.caret 
       %ul.dropdown-menu 
       %li 
        %a{:href => "#"} Sub Sub Heading 1 
       %li 
        %a{:href => "#"} Sub Sub Heading 2 
       %li 
        %a{:href => "#"} Sub Sub Heading 3 
      %li 
       %a{:href => "#"} Sub heading 2 

.main 
/Main content goes here..

的代码提供了以下的输出：

不知道，我怎么得到它的工作。我在现有解决方案中没有使用Javascript。

如果有人不熟悉HAML，您可以使用http://htmltohaml.com/看到HTML

来源

2017-06-21 slal

您只使用dropdown-menu类的代码，但你应该使用dropdown-submenu也。例如，参见：https://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_multilevel_css&stacked=h

来源

2017-06-24 21:52:24 Rubycut

多级下拉不起作用

回答

相关问题