Выпадающий список UIKit не падает

#html #angularjs #uikit

#HTML #angularjs #uikit

Вопрос:

Я создал выпадающий список с помощью UIKit, но при нажатии кнопки ничего не происходит. Я просматривал документы и примеры, и я не вижу ничего, что делается неправильно.

Код:

   <div>
    <div class="uk-margin">
      <div class="data-uk-dropdown">
        <!-- This is the element toggling the dropdown -->
        <div class="uk-button-dropdown">
          <button class="uk-button">
            Cart
            <i class="uk-icon-caret-down"></i>
          </button>
          <div class="uk-dropdown">
            <ul class="uk-nav uk-nav-dropdown">
              <li>Test1</li>
              <li>test2</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  

Ответ №1:

Нужен уникальный параметр: data-uk-dropdown.

Вот так: <div data-uk-dropdown class="someclass">

UIKit 2:https://getuikit.com/v2/docs/dropdown.html

UIKit 3:https://getuikit.com/docs/dropdown