jQuery TokenInput: токены не добавляются

Question

Я использую 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("<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 это не регистрируется. В чем здесь проблема?

Answer 1

Проблема здесь, вероятно, связана с тем, что TokenInput используется в модальном окне, а z-индекс выпадающего меню равен 1, тогда как модальное окно, вероятно, будет выше.

Чтобы это исправить z-index значение в token-input.css за div.token-input-dropdown должно быть изменено, чтобы быть выше, чем модальное значение.