Jquery ui TokenInput加上jQuery UI对话框冲突

更新在使用edge jQuery的最新Fx/Chrome中，这似乎不再是一个问题

---

问题：自动完成将位于对话框后面，如果移动它，对话框将移到页面之外

调查

我已经查过了

并读取github请求

• 第93期和
• 第94期

但我仍然有同样的问题，我认为这是最新的一切（来自github的TokenInput JS和CSS）

---

演示和代码

• ：注释掉jQuery UI时TokenInput的工作方式
• 当前位置我想要的工作

滤器
输入各个字段中包含的文本
字段1



字段2

$（函数（）{
$（“#Flt1，#Flt2”）.tokenInput([
{id:7，名称：“Ruby”}，
{id:11，名称：“Python”}，
{id:13，名称：“JavaScript”}，
{id:17，名称：“ActionScript”}，
{id:19，名称：“Scheme”}，
{id:23，名称：“Lisp”}，
{id:29，姓名：“C#”}，
{id:31，名称：“Fortran”}，
{id:37，名称：“Visual Basic”}，
{id:41，姓名：“C”}，
{id:43，名称：“C++”}，
{id:47，名称：“Java”}
]，{主题：“facebook”}）；
$（“#对话框窗体”）.dialog({
自动打开：错误，
身高：400，
宽度：460，
莫代尔：对
});                        
$（“#filterBut”）。单击（函数（）{
//来自
// https://stackoverflow.com/questions/6669654/why-does-jquery-ui-dialog-mangle-my-jquery-tokeninput-js-autocomplete
$（“#对话框表单脚本”）.remove（）；
//似乎没有什么改变
$（“#对话框窗体”）。对话框（“打开”）；
});
});

这是本图书馆的一个已知版本（第94期）。您可以从中收集修补过的文件以解决问题。

我对您的HTML进行了一些处理，设置zindex:1005似乎显示了对话框上的下拉列表

 ],{theme:"facebook", zindex:1005});

---

但是，如果您移动对话框，自动完成下拉列表将保持在上一个位置。

更改div.token-input-dropdown的样式en css，并将z-index:1与z-index:1005重放。

此jQuery代码为我解决了隐藏问题（感谢@user2192014和它的想法）：

---

issue#94中的补丁文件修复了不显示下拉列表的问题。但是，它在ui对话框上显示了一个垂直滚动条。太好了-我要到9月中旬才能测试它，因此可能需要一段时间来查看您的建议是否有效。我已上载代码供您测试。谢谢-在FX15 OSX中，当我键入时，字段变短，并且建议是透明的。它似乎在Chrome中工作得更好，而且OSX问题不再存在。谢谢你的支持，这才是真正的答案

 ],{theme:"facebook", zindex:1005});

$(".token-input-dropdown-facebook, .token-input-list-facebook").css("z-index","9999");