jQuery TokenInput：没有添加令牌

我正在使用jQuery TokenInput调用node.js中编写的服务。 该服务正在给我一个回应。 （我已经在onResult和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("
" + item.name + "
"); return "
" + item.name + "
" }, 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"); } }); 

响应resultsFormatter预期记录在onResult和resultsFormatter中。 我试着在onAdd中记录它没有记录。 这有什么问题？

Answer 1

这里的问题可能是由于TokenInput正在模态窗口中使用，而下拉列表的z-index为1，而模态窗口可能更高。

为了解决这个问题，应该将token-input.css中div.token-input-dropdown的z-index值修改为高于模态值。