Jquery Autocomplete funktioniert nicht im Bootstrap-Modell

Question

Ich benutze jquery Autocomple innerhalb Bootstrap-Modell, aber es wird nicht korrekt angezeigt.Wenn ich es ohne Modell verwenden, funktioniert es gut. Ich denke, es ist CSS-Problem, aber ich weiß nicht, was es ist.

Danke,

Answer 1

Es ist etwas z-Index und relative Position Problem. Bitte versuchen Sie es mit dem unten stehenden Code.Bitte bearbeiten Sie Ihre Frage und fügen Sie den Code hinzu, den Sie verwenden, wenn dies nicht hilft.

.ui-autocomplete { 
 
    z-index: 5000; 
 
}

Answer 2

es wie folgt tun:

$("#autocomplete") 
    .appendTo($("#divWhereAutoCompleteIsEmbeded")) 
    .autocomplete({ 
    source: function (query, result) { 
     //some fetching routine 
     }, 
    appendTo: $("#divWhereAutoCompleteIsEmbeded"), 
    minLength: 2 
});