【发布时间】:2015-09-16 13:30:44
【问题描述】:
您好,我是选择插件的新手。我已更改 github 示例 (https://github.com/brianreavis/selectize.js/blob/master/examples/github.html) 中的代码以适合我的应用程序。 当我在输入字段中写一些东西时,它会从数据库中搜索但不显示下拉列表。当我删除输入字段中的文本时,它会显示列表。当我再次输入文本时,下拉菜单消失了。我做错了什么?
$('#select-tag').selectize({
valueField: 'name',
labelField: 'name',
searchField: 'name',
options: [],
create: false,
render: {
option: function (item, escape) {
return '<div>' +
'<span class="title"><span class="name">' + escape(item.name) + '</span></span>' +
'<span class="description">' + escape(item.info) + '</span></div>';
}
},
score: function (search) {
var score = this.getScoreFunction(search);
return function (item) {
return score(item) * (1 + Math.min(item.watchers / 100, 1));
};
},
load: function (query, callback) {
if (!query.length) return callback();
$.ajax({
url: '/api/forum/SearchTags?s=' + encodeURIComponent(query),
type: 'POST',
error: function () {
callback();
},
success: function (res) {
console.log(res);
callback(res.slice(0, 10));
}
});
}
});
【问题讨论】:
标签: jquery selectize.js