語義UI下拉列表中選擇

語義UI下拉被表現得像選擇下拉菜單默認語義UI下拉列表中選擇

我還沒有初始化選擇這個下拉但它表現得像選擇下拉我不明白爲什麼它是向我展示這樣的。請幫助我找到解決此問題的方法。 http://jsfiddle.net/kd00bw5q/

<div class="ui dropdown"> 
<div class="text">File</div> 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
    <div class="item">New</div> 
    <div class="item">Make a copy</div> 
    <div class="item"> 
     <i class="folder icon"></i> 
     Move to folder 
    </div> 
    <div class="item"> 
     <i class="trash icon"></i> 
     Move to trash 
    </div> 
    <div class="divider"></div> 
    <div class="item">Download As...</div> 
    <div class="item">E-mail Collaborators</div> 
    </div> 
</div> 

$('.ui.dropdown') 
.dropdown() 
;

感謝提前:)

來源

2016-06-10 Kishore Chandra

你是什麼意思？你在這裏發佈的代碼和小提琴中的代碼是不一樣的。 – samayo

小提琴有更多的項目 –

哦，好吧.. +1'找到它' – samayo

我終於找到了解決辦法

的問題是用「的.text」級。如果使用的.text類整個DIV後，問題解決了

這裏是低於

<div class="ui dropdown"> 
<i class="file icon"></i> File 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
    <div class="item">New</div> 
    <div class="item">Make a copy</div> 
    <div class="item"> 
     <i class="folder icon"></i> 
     Move to folder 
    </div> 
    <div class="item"> 
     <i class="trash icon"></i> 
     Move to trash 
    </div> 
    <div class="divider"></div> 
    <div class="item">Download As...</div> 
    <div class="item">E-mail Collaborators</div> 
    </div> 
</div> 

$('.ui.dropdown') 
.dropdown() 
;

更新的代碼解決了小提琴http://jsfiddle.net/wgrkwnaw/

來源

2016-06-10 11:56:12

語義UI下拉列表中選擇

回答

相關問題