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

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

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

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

Спасибо.


modal-dialog jquery-plugins jquery-tokeninput
person Kamran    schedule 17.07.2012    source источник

Ответы (2)


arrow_upward
12
arrow_downward

Он работает, устанавливая 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
  });
person Ralph Allen    schedule 23.07.2012
comment
Большое спасибо за ваш ответ, Ральф Аллен. - person Kamran; 26.07.2012
comment
Просто дополнительное примечание: вы правы в приведенной ниже ссылке, в моем случае она тоже не сработала. ">github.com/loopj/jquery-tokeninput/issues/190 - person Kamran; 26.07.2012

arrow_upward
1
arrow_downward

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

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

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

person igorludi    schedule 13.07.2016