我正在使用 jQuery TokenInput,它调用用 node.js 编写的服务。该服务正在给我答复。 (我已经登录了onResult
and resultsFormatter
.)但是令牌的下拉并未显示。
我的服务响应如下:
{
"data": [
{
"name": "a",
"key": 1023040,
"subtext": "abc"
},
{
"name": "b",
"key": 1023040,
"subtext": "pqr"
}
]
}
JavaScript 代码如下。
$("#myInputTextBox").tokenInput('http://myWebService', {
crossDomain: true,
theme: "facebook",
minChars: 3,
resultsFormatter: function(item) {
console.log("<li><p class='added' data-id='" +
item.key + "' data-name='" + item.originalName +
"'>" + item.name + "</p></li>");
return "<li><p class='added-cities' data-id='" +
item.key + "' data-name='" + item.originalName +
"'>" + item.name + "</p></li>"
},
onResult: function (results) {
results = results["data"];
$.each(results, function (index, value) {
value.originalName = value.name;
value.id = value.key;
value.name = value.name + " " + value.subtext;
});
console.log(results);
return results;
},
onAdd: function(item) {
console.log("addrd");
}
});
响应正在登录onResult
也resultsFormatter
正如预期的那样。我尝试登录onAdd
它不会被记录。这里有什么问题?
这里的问题可能是由于 TokenInput 在模态窗口中使用,并且下拉列表的 z-index 为 1,而模态窗口可能会更高。
为了解决这个问题z-index
值在token-input.css
for div.token-input-dropdown
应修改为高于模态值。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)