bootstrap 多选不工作 api json 绑定 Ajax 调用 jquery

Question

我正在尝试在我的页面中使用 Bootstrap 多 select 复选框。如果它的数据是静态的，它工作正常没有问题。但是如果我动态地将 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 页面中添加了 multi select 框所需的所有支持文件。

谁能帮帮我？

Answer 1

而不是使用'refresh'：

categCheck.multiselect('refresh');

我试过了'rebuild':

categCheck.multiselect('rebuild');

这很好用！

bootstrap 多选不工作 api json 绑定 Ajax 调用 jquery

bootstrap multiselect not working on api json bind in Ajax call in jquery

twitter-bootstrap

bootstrap-multiselect