javascript - 自动完成和模态

Question

我在这个 div 中有一个模态 div 和文本框。我想为文本框设置自动完成功能。要为自动完成正确设置 z-index，我使用以下代码:

$('.autocompleteTextbox')
    .autocomplete("option", "appendTo", "#my_dialog");

它工作正常，但我想为许多模态 div 设置它并且这些 div 是自动生成的

所以，我试试这段代码:

var ac = $('.autocompleteTextbox');
$('.modal').each(function(i,v) {
    var id = v.id;
    ac.autocomplete("option", "appendTo", id);
});

没用

$('.modal').each(function(i,v) {
    var id = v.id;
    ac.autocomplete("option", "appendTo", v);
});

也不行。如何正确操作？

Answer 1

您更改自动完成结果的 div 的 z-index:

如果是在jquery.ui中加入一个style标签:

<style>
.ui-autocomplete { 
           position: absolute;
           cursor: default;
           z-index:999 !important;
}  
</style>