Bootstrap模态框遮挡自动补全（Autocomplete）

项目场景：

在模态框的文本框中执行自动补全

---

问题描述：

能够获得值，但结果没有列表显示：

 $("#typenameup").autocomplete({
            source:function(req,res){
                var word=req.term;
                $.ajax({
                    url:"${pageContext.request.contextPath}/plugin/searchtype.do",
                    type:"post",
                    dataType:"json",
                    data:{
                        "word":word
                    },
                    success:function(data) {
                        var a=$.map(data, function(item) {
                            return item.typename;
/*                            return {
                                label: item.typename,
                                value: item.typeid,
                                info: item.typeinfo
                            }*/
                        })
                        console.log(a);
                        res(a);
                    },
                    error:function () {
                        alert("失败！！！");
                    }
                });
            },
            select:function (event,ui) {
/*                $("#typenameup").value=ui.item.label;
                $("#typeinfoup").value=ui.item.info;
                $("#typeidup").value=ui.item.value;*/
            }
        });

---

原因分析：

发现bootStrap模态框的z-index属性值为：1050

猜测，可能是列表被遮挡了

---

解决方案：

在文件中添加style，提高自动补全列表的z-index属性值：

        .ui-autocomplete{
            display:block;
            z-index:9999;
        }