我需要将 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 文件来包含,或者我是否有任何其他问题,如数据格式等。