Ввод токена jQuery (ввод токена) не работает в модальном всплывающем окне, список скрыт под всплывающим окном

Question

Я использую модальное управление всплывающими окнами в jQuery, во всплывающем окне есть входной текст, работающий на плагине ввода jQuery Tokenize. Проблема в том, что когда я что-то набираю в модальном всплывающем текстовом поле, результаты поиска по плагину tokenize отображаются скрытыми под всплывающим окном. На самом деле они должны появиться поверх всех элементов управления. Кто-нибудь, пожалуйста, помогите мне, поскольку я новичок.

Попробуйте обратиться за помощью к теме ниже, zindex не работает. https://github.com/loopj/jquery-tokeninput/issues/190

вот входной контроль, который я использую. http://loopj.com/jquery-tokeninput/demo.html

Спасибо.

Answer 1

Это работает, устанавливая z-индекс вручную:

$(".token-input-dropdown").css("z-index","9999")

Функция, указанная в https://github.com/loopj/jquery-tokeninput/issues/190, не работает в моем coffeescript:

$('#book_author_tokens').tokenInput('/authors.json', { 
    zindex: 9999
  });

Answer 2

Я думаю, что лучшее решение - добавить его в файл css (вместо того, чтобы делать это через js):

div.token-input-dropdown-facebook {           
   z-index: 11001 !important;
}

Конечно, удалите суффикс "-facebook", если вы используете тему по умолчанию.