Question

我在语义中使用下拉控件需要一些帮助。多项选择无法按预期工作。这是代码：

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

单个选择是有效的。

提前致谢：）

Answer 1

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

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

在这里，您可以使用版本2.0.8在plunker上运行您的确切代码： 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中的下拉控制

1 个答案: