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

Question

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

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

谢谢你。

score 12 · Accepted Answer

它通过手动设置 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
  });

score 1 · Accepted Answer

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

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

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

2 回答 2