2016-06-10 2 views
0

Семантический UI Dropdown вел себя как выбор выпадающего списка по умолчаниюсемантический интерфейс выпадающий выбора по умолчанию выпуска

Я не инициализирован выбор в этом раскрывающемся списке, но он действует как выбор выпадающего списка я не понимаю, почему это было показывая мне вот так. пожалуйста, помогите мне найти решение этой проблемы. 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() 
; 

Заранее спасибо :)

+0

Что вы имеете в виду? Код, который вы разместили здесь, и тот, что в скрипке, не то же самое. – samayo

+0

В скрипке есть еще несколько предметов –

+0

О, ладно .. +1 для «нахождения» – samayo

ответ

1

Я наконец нашел решение

Проблема с классом ".text". Если весь ДИВ с .text класса удалена проблема решена

Вот обновленный код ниже

<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() 
; 

решаемые Fiddle http://jsfiddle.net/wgrkwnaw/