Question

我想知道是否有办法在下拉菜单中禁用一个项目，例如不可选择？
玉标记：

.ui.dropdown
    span.text My Menu
    i.dropdown.icon
    .menu
       .item 1
       .item 2
       .item 3

说，第3项应该无法选择？

Answer 1

要停用下拉菜单，请使用disabled类：

<div class="ui disabled dropdown">
  Disabled dropdown <i class="dropdown icon"></i>
  <div class="menu">
    <!-- Any subsequent options are not available -->
  </div>
</div>

它也适用于个别选项：

<div class="ui dropdown">
  Dropdown <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item">Choice 1</div>
    <div class="disabled item">Choice 2</div>
    <div class="item">Choice 3</div>
  </div>
</div>

Working example

Answer 2

此功能将在SUI 2.0中出现

semantic-ui下拉菜单禁用项目

2 个答案: