自动完成出现在 Modal 弹窗后面答案

【问题标题】：Auto complete Appearing behind the Modal popup自动完成出现在 Modal 弹窗后面
【发布时间】：2014-04-16 02:44:59
【问题描述】：

我正在使用简单的 jquery 弹出窗口和 jQuery Auto complete 的自动完成。自动完成的代码是这样的。

$("#tags").autocomplete({
    source: NameArray
});

其中 tags 是文本框 id，NameArray 是字符串数组。但是 Modal 弹出窗口中的这段代码是这样的-

function openFilterPopUp() {

    $("#tags").autocomplete({
        source: NameArray
    });
    $("#openFilterPopUp").dialog({
        resizable: false,
        height: 240,
        modal: true,
        buttons: {
            "ok": function() { $(this).dialog("close"); },
            Cancel: function() { $(this).dialog("close"); }
        }
    });

}

自动完成的数据显示正常，但它出现在弹出窗口后面。请帮助。任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery jquery-ui autocomplete

【解决方案1】：

添加自动完成的 appendTo 属性

$("#tags").autocomplete({
    source: NameArray,
    appendTo : _parentElement
});

_parentElement 可以是你的模态体

【讨论】：

谢谢，我投了赞成票，因为这在寻找解决方案的几秒钟内解决了我的问题。您可以在 appendTo 选项中使用元素的 ID，例如 appendTo: "#your_element_id"。只是为 appendTo 选项添加官方文档：api.jqueryui.com/autocomplete/#option-appendTo

【解决方案2】：

我尝试了这段代码并成功了：

$("#tagsname").autocomplete({
    appendTo : "#modalform",
    source: DataArray
    
});

【讨论】：