语义UI：活动下拉菜单不起作用

Question

语义UI下拉菜单可以通过添加（http://jsfiddle.net/VL2Zq/22/）：

来实现

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

但是，如果我添加课程active，则无法显示下拉菜单：http://jsfiddle.net/VL2Zq/21/

<div class="ui dropdown item active">

Answer 1

目前，我建议使用选择值的选择框，并将其转换为语义UI下拉列表。然而，这不是最好和最灵活的方法。

  <h2>Official Search Selection Dropdown Select Tag</h2>
  <select name="country" class="ui search selection dropdown">
    <option value="">State</option>
    <option>Alabama</option>
    <option>Alaska</option>
    <option>Washington</option>
    <option>West Virginia</option>
    <option>Wisconsin</option>
    <option selected>Wyoming</option>
  </select>

http://jsfiddle.net/VL2Zq/23/

修改

发现Semantic UI已经有了处理此问题的方法。

$('.dropdown').dropdown();
var selectedValue = "Female";
$('.dropdown').dropdown('set selected', selectedValue);

http://jsfiddle.net/ap3kfftw/1/