2

我在 Jack Moore 的 Colorbox 窗口中遇到了 Loopj 的 jQuery Tokeninput 的问题。问题是 Tokeninput 的下拉菜单显示在 Colorbox 窗口下，如下图所示：

颜色框窗口下的下拉菜单

我认为问题可能出在tokeninput 库中的这段代码上（第 343-347 行）：

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

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

谁能帮我解决这个问题？

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

4

1 回答 1

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 上针对这个问题提出了拉取请求，但遗憾的是，该项目现在似乎又陷入了不活动状态。

于 2014-07-22T14:33:08.087 回答