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

Question

语义 UI 下拉菜单通过添加 (http://jsfiddle.net/VL2Zq/22/):

效果很好

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

但是，如果我添加 class active: http://jsfiddle.net/VL2Zq/21/

，则无法显示下拉菜单

<div class="ui dropdown item active">

Answer 1

目前，我建议使用值为 selected 的 select 框，并将其转换为语义 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/

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

Semantic UI: active dropdown menu not working

semantic-ui