Материализация css 1.0 вложенный выпадающий - PullRequest
Новая
       5

Материализация css 1.0 вложенный выпадающий

0 голосов
/ 26 сентября 2018

Я нашел вложенный раскрывающийся пример для Materialise 0,98, но он не работает для Materialise 1.00.Как бы я перенес это через?

Рабочий пример с v0.98 - https://gist.github.com/the0neyouseek/f1a92b9b8f8962a372c23ef415c63144

Я пытался следовать руководству по обновлению, но не смог заставить его работать. 

Dropdown
Removed gutter option
Removed stopPropagation option
Call plugin on .dropdown-content instead of .dropdown-button
Change attribute data-activates to data-target
Rename classes .dropdown-button to .dropdown-trigger
Rename option belowOrigin to coverTrigger
Removed automatic initialization, initialize it manually as shown in documentation

Ответы [ 2 ]

0 голосов
/ 04 октября 2018

Попробуйте это решение. 

.dropdown-content > li {
  position: relative;
}

.dropdown-content li .dropdown-content {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
}
0 голосов
/ 26 сентября 2018

Пожалуйста, замените атрибут data-activates на data-target. 

<a class='dropdown-button btn' href='#' data-target='dropdown1' data-beloworigin="true">Nested DropDown</a>

<ul id='dropdown1' class='dropdown-content dropdown-nested'>
    <li><a class='dropdown-button' href='#' data-target='dropdown2' data-hover="hover" data-alignment="left">one<span class="right-triangle">&#9656;</span></a></li>
    <li><a href="#!">two</a></li>
    <li><a href="#!">three</a></li>
</ul>

<ul id='dropdown2' class='dropdown-content dropdown-nested'>
    <li><a href="#!">one</a></li>
    <li><a class='dropdown-button' href="#" data-target="dropdown3" data-hover="hover" data-alignment="left">two<span class="right-triangle">&#9656;</span></a></li>
    <li><a href="#!">three</a></li>
</ul>

<ul id='dropdown3' class='dropdown-content'>
    <li><a href="#!">three</a></li>
    <li><a href="#!">four</a></li>
    <li><a href="#!">five</a></li>
    <li><a href="#!">six</a></li>
</ul>

Материализация изменила этот атрибут в версии 1.0.

Посмотрите на Materialise Dropdown Doc .

...