Question

在尝试创建没有标签的多选下拉列表时，会发生一些奇怪的事情。这是用于此的js代码：

$(function () {
    $('#selectionTool').dropdown({
        useLabels: false
    });
});

最后调用此函数：

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

现在发生的事情是，首先在文件中使用标签。请参阅gif，当我这样做时会发生什么，what happens。没有第二个功能，一切正常。

有没有办法解决这个问题而不删除第二个功能？版本2.2用于语义UI

Answer 1

这是因为您正在重新初始化下拉列表，当您使用设置调用下拉方法时，会将其初始化为下拉列表，但它不会仅设置设置。

尝试只使用一种下拉方式：

HTML

<select name="skills" multiple="" class="ui fluid dropdown">
  <option value="">Skills</option>
  <option value="angular">Angular</option>
  <option value="css">CSS</option>
  <option value="design">Graphic Design</option>
  <option value="ember">Ember</option>
  <option value="ux">User Experience</option>
</select>

JS

$('.ui.dropdown').dropdown({
    useLabels: false
});

https://jsfiddle.net/e1kmL68v/

Semantic UI Multiple Select下拉列表在初始化两次时会产生奇怪的输出

1 个答案: