jQuery Tokeninput 下拉菜单位于 Colorbox 窗口下

Posted 2023-05-09

【中文标题】jQuery Tokeninput 下拉菜单位于 Colorbox 窗口下

【英文标题】：jQuery Tokeninput dropdown is under Colorbox window

【发布时间】：2014-09-13 09:51:28

【问题描述】：

我在 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。我也在颜色框窗口之外使用这个库，所以将它附加到颜色框可能是个坏主意。

【参考方案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，但遗憾的是，该项目现在似乎又陷入了不活动状态。