语义下拉控件 ui

Question

我在使用语义下拉控件方面需要一些帮助。 Te multiple selection 未按预期工作。这是代码：

                  <div class="ui fluid multiple search selection dropdown">
                <input name="tag" type="hidden">
                <i class="dropdown icon"></i>
                <div class="default text">Tags</div>
                <div class="menu">
                  <div class="item" data-value="angular">Angular</div>
                    <div class="item" data-value="css">CSS</div>
                    <div class="item" data-value="design">Graphic Design</div>
                    <div class="item" data-value="ember">Ember</div>
                </div>
              </div>

和脚本代码

$('.tag .ui.dropdown').dropdown({allowAdditions: true});

一个 select 就可以了。

提前致谢:)

Answer 1

你应该使用semantic-ui 2.你使用的是哪个版本？

在此处查看新的 UI 元素： https://github.com/Semantic-Org/Semantic-UI/blob/master/RELEASE-NOTES.md#version-200---june-30-2015

这里有 plunker 2.0.8 版的确切代码运行： http://plnkr.co/edit/TPaqyX8f46H2K4eu59yp?p=preview

//Same code as in the question
       <div class="ui fluid multiple search selection dropdown">
            <input name="tags" type="hidden">
            <i class="dropdown icon"></i>
            <div class="default text">Tags</div>
            <div class="menu">
              <div class="item" data-value="angular">Angular</div>
                <div class="item" data-value="css">CSS</div>
                <div class="item" data-value="design">Graphic Design</div>
                <div class="item" data-value="ember">Ember</div>
            </div>
          </div>

语义下拉控件 ui

Dropdown control in semantic ui

javascript

jquery

html

semantic-ui