UIKit Dropdown没有下降

时间:2016-10-19 22:55:32

标签: 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 个答案:

答案 0 :(得分:0)

需要一个独特的参数: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