jQuery Token Input（tokenize input）在模式弹出窗口上不起作用，列表隐藏在弹出窗口下

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 在我的咖啡脚本中不起作用：

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

Answer 2

我认为更好的解决方案是将其添加到css文件中（而不是通过js来做）：

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

当然，如果您使用默认主题，请去掉“-facebook”后缀。