jQuery令牌输入（tokenize输入）不适用于模态弹出窗口，列表隐藏在弹出窗口下

Question

我在jQuery中使用模态弹出控件，弹出窗口有一个由jQuery Tokenize输入插件提供支持的输入文本。问题是当我在模态弹出文本框中键入内容时，tokenize插件的搜索结果会隐藏在弹出窗口下。实际上，它们应该在所有控件之上。有人请帮助我，因为我是初学者。

尝试从下面的帖子寻求帮助，zindex不起作用。 https://github.com/loopj/jquery-tokeninput/issues/190

这是我正在使用的输入控件。 http://loopj.com/jquery-tokeninput/demo.html

谢谢。

Answer 1

通过手动设置z-index来实现：

$(".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;
}

当然，放弃＆＃34; -facebook＆＃34;如果您使用默认主题，则为后缀。