jQuery UI 的autocomplete 在BootStrap 的Modal 中不管用

Question

在项目中使用jquery-ui的autocomplete，如果input在页面中就没有问题，但是如果input在bootstrap的模态框中，就没有效果

username在modal里，username2在页面中

$( "#username" ).autocomplete({
  source: user_list
});
$( "#username2" ).autocomplete({
  source: user_list
});

input id="username2"

input id="username"

是jquery-ui对bootstrap的支持问题么？
如果无法解决，又该用什么自动补全好呢？

Answer 1

http://stackoverflow.com/ques...

这里有解释和方法。
简单说就是要增加一个appendTo："form"

Answer 2

单独用jquery的autocomplete试试呢 https://github.com/devbridge/jQuery-Autocomplete

Answer 3

这个答案在第二个被忽略的回答里，我直接提出来吧.ui-autocomplete { z-index:2147483647; }，直接设置autocomplete的z-index为最大就可以了，因为模态对话框的z-index肯定已经很大了，只需要比模态对话框的z-index大就可以了，可惜真正答案居然被忽略了，害的我的同事都没找到，虽然这问题这么老了。