2017-12-11 3 views
0

Ich möchte Unter Dropdown-Liste machen mit materialisieren CSS-Klasse Dropdown-content.But folgenden Code funktioniert nicht:Wie Sub Dropdown mit Materialize CSS hinzufügen?

<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a> 
<ul id='dropdown1' class='dropdown-content'> 
    <li><a href="#!">item1</a></li> 
    <li><a href="#!">item2</a></li> 
    <li id="drop2" ><a class='dropdown-button2 d' href='#' data-hover="hover" data-alignment="left">dropagain</a></li> 
</ul> 
<ul id="drop2" class='dropdown-content'> 
    <li><a href="#!">Item3</a></li> 
    <li><a href="#!">Item4</a></li> 
</ul> 
+0

fügen Sie bitte, was Sie erwarten, was Sie bekommen, und welche Fehlerprotokolle/Aussagen generiert werden. "Nicht arbeiten" ist viel zu weit gefasst, als dass jemand helfen könnte. – suvartheec

+0

Mögliches Duplikat von [Nested dropdowns in materialize] (https://stackoverflow.com/questions/32738599/nested-dropdowns-in-materialize) –

Antwort

0
.dropdown-content { 
    overflow-y: visible; 
} 

.dropdown-content .dropdown-content { 
    margin-left: 100%; 
} 



<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a> 
<ul id='dropdown1' class='dropdown-content'> 
    <li><a href="#!">item1</a></li> 
    <li><a href="#!">item2</a></li> 
    <li id="drop2" ><a class='dropdown-button2 d' href='#' data-hover="hover" data-alignment="left">dropagain</a></li> 
</ul> 
<ul id="drop2" class='dropdown-content'> 
    <li><a href="#!">Item3</a></li> 
    <li><a href="#!">Item4</a></li> 
</ul> 
Verwandte Themen