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

而不是使用，

categCheck.multiselect（＆＃39;刷新＆＃39）;

我尝试过重建＆＃39;，

categCheck.multiselect（＆＃39;重建＆＃39）;

这很好用！

bootstrap multiselect不能在jquery中的Ajax调用中使用api json bind

1 个答案: