bootstrap multiselect不适用于jquery的Ajax调用中的api json绑定

Question

我正在尝试在页面中使用Bootstrap multiselect复选框。如果数据是静态的，则可以正常工作而不会出现问题。但是如果我将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页面中的多选框所需的所有支持文件。

有人可以帮我吗？

Answer 1

代替使用'refresh'：

categCheck.multiselect('refresh');

我尝试过'rebuild'：

categCheck.multiselect('rebuild'); 

这很好！

Answer 2

categCheck.multiselect（'rebuild'）;

这确实有效。