语义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/

编辑：

研究发现，语义UI已经有处理这种方法。

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

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