语义 ui 下拉列表默认选择问题

semantic ui dropdown selecting by default issue

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

提前致谢:)

我终于找到了解决办法

问题出在“.text”class。如果整个div with .text class 去掉问题就解决了

下面是更新后的代码

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

已解决Fiddlehttp://jsfiddle.net/wgrkwnaw/