jQuery Tokeninput下拉列表位于Colorbox窗口下

Question

我在Jack Moore的Colorbox窗口中遇到了Loopj的jQuery Tokeninput问题。问题是Tokeninput的下拉列表显示在Colorbox窗口下，如下面的屏幕截图所示：

我认为问题可能来自tokeninput library内的代码（第343-347行）：

// The list to store the dropdown items in
var dropdown = $("<div>")
    .addClass(settings.classes.dropdown)
    .appendTo("body")
    .hide();

因为它附加到正文，而不是彩色框窗口。

有人可以帮我解决这个问题吗？

PS。我在色盒窗口外也使用这个lib，所以将它附加到colorbox可能是一个坏主意。

Answer 1

应该可以通过更改TokenInput下拉列表的z-index来解决此问题。

Colorbox的z-index为9999，TokenInput的默认值低于该值。

根据您正在使用的TokenInput版本 - 如果它支持z-index参数，您可以在初始化时更改该值。例如

$('#myID').tokenInput("http://sourceurl.com",
                       {
                           zindex: 100001
                       }

否则如果它是早期版本，请尝试更改div.token-input-dropdown文件中token-input.css的值。

我已经在GitHub上为这个问题添加了pull request，但遗憾的是，该项目现在似乎已经陷入了不活跃状态。