javascript - 自动完成出现在模态弹出窗口后面

Question

我正在使用简单的 jquery 弹出窗口和自动完成 jQuery Auto complete .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"); }
        }
    });

}

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

Answer 1

添加自动完成的appendTo属性

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

_parentElement 可以是你的模态主体