2015-05-28 20 views
0

我不知道是否有辦法讓下拉菜單中的某個項目處於禁用狀態,例如,不可選擇?
玉標記:semantic-ui下拉菜單已禁用項目

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

說,第3項應該是不可能的選擇?

回答

3

未來爲了禁用下拉列表中,使用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