语义UI多选下拉列表不起作用

时间:2015-10-20 06:37:24

标签: jquery meteor semantic-ui

语义用户界面会生成一个下拉菜单,但不会出现我想要的多选项。当我在JSFiddle中尝试相同的代码时,它可以工作,因此它与我的项目有关。

我使用Meteor + Semantic UI + jQuery 1.11.4

Template.permissions.rendered = function () {
    $(".ui.fluid.dropdown").dropdown();
};

这会初始化我的下拉菜单,但只能选择一个选项。 (因此,如果我直接在Chromes控制台中初始化,至少会运行接缝)

<div class="twelve wide field">
    <label style="width: 250px">Add roles to user</label>
    <select name="skills" multiple="" class="ui fluid dropdown">
        <option value="">Roles</option>
        <option value="Role1">Role 1</option>
        <option value="Role2">Role 2</option>
        <option value="Role3">Role 3</option>
    </select>
</div>

我的理解是multiple=""应该让它成为多重选择?

这是fiddle,其中相同的代码可以使用。不知道为什么它在我的项目中不起作用。

1 个答案:

答案 0 :(得分:0)

我认为Semantic UI下拉列表已经添加到我的项目中,但它接口就像它没有。运行:

meteor add semantic:ui-dropdown

解决了我的问题。