1

我需要将 typeahead.js 与 bootstrap.taginput 一起用于产品输入字段。

$('.product').tagsinput({
  typeahead: {
     source: function (query, process) {
        return $.getJSON(
            '<?php echo site_url("ajax/get_products"); ?>',
            { query: query },
            function (data) {
                return process(newData);
            });
        alert(newData);
    }
  }
});

这是我的返回数据格式。

{
"1":{"id":"1","value":"Banana"},
"2":{"id":"2","value":"Dell Laptop"},
"3":{"id":"3","value":"Rent A car Management System"}
}

没有运气,下拉菜单和 inputTags 都不起作用。

我按以下顺序添加的文件,

bootstrap-tagsinput.css typeahead.jquery.js
bootstrap
-tagsinput.min.js

我是否需要额外的 css 或 js 文件来包含,或者我是否有任何其他问题,如数据格式等。

4

0 回答 0