jQuery令牌输入(标记化输入)在模式弹出窗口中不起作用，列表隐藏在弹出窗口下

Question

我在jQuery中使用了一个模式弹出窗口控件，弹出窗口有一个由jQuery 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“后缀。