引导多选在 API 上不起作用 json bind in Ajax 调用 在 jquery 中

Question

我正在尝试在我的页面中使用引导多选复选框。 如果数据是静态的，则工作正常，没有问题。 但是，如果我动态地将 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'); 

这工作正常！