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 に答える