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

Question

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

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

其中tags是文本框id，NameArray是string的字符串。但是这个代码在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"); }
        }
    });

}

自动填充的数据看起来不错，但它出现在弹出窗口后面。请帮助。任何帮助将不胜感激。

Answer 1

添加自动填充的appendTo属性

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

_parentElement可以是你的模态身体

Answer 2

我尝试此代码并成功：

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