多級下拉不起作用

我是前端開發的新手。我正在嘗試使用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

多級下拉不起作用

回答

相關問題