1

我正在尝试在我的页面中使用 Bootstrap 多选复选框。如果它的数据是静态的，它工作正常没有问题。但如果我动态地将 json 数据绑定到它，则下拉菜单不起作用。

这是我的 HTML：

<select id="categories" ></select>

这是在 DOM 准备好时加载的：

var categCheck  = $('#categories').multiselect({
    includeSelectAllOption: true,
     enableFiltering : true
});

这是通过 ajax 进行的 API 调用，我从中获取数据。

$.ajax({
    type: 'GET',
    url: '/api/categoryapi',
    success: function(data) {
        $.each(data, function (index, item) {
            var opt = $('<option />', {
                value: item._id,
                text: item.title
            });
            opt.appendTo(categCheck);
            categCheck.multiselect('refresh');
        });
    }
});

当我尝试下拉下拉框时，它不起作用，我找不到问题所在。我在这里做错了吗？甚至我已经在 html 页面中添加了多选框所需的所有支持文件。

谁能帮我吗？

4

1 回答 1

2

而不是使用'refresh'：

categCheck.multiselect('refresh');

我试过了'rebuild'：

categCheck.multiselect('rebuild');

这很好用！

于 2016-01-25T09:42:15.097 回答