Wie die Rückkehr der jquery-autocomplete-Ergebnis der separaten div?
Habe ich gefunden hier, dass zu überschreiben, von der AutoVervollständigen-Veranstaltungen. Aber kann jemand bitte geben Sie mir mit einem Beispiel, wie das gleiche zu tun?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den
appendTo
option funktioniert in der Tat wie erwartet, und wenn Sie untersuchen auf den DOM, die<ul>
Ergebnisse element angebracht werden, um das element. Jedoch, wegen absoluter Positionierung generiert jQueryUI, die Liste noch erscheint direkt unter der<input>
.Dieser sagte, können Sie überschreiben die internen
_renderItem
direkt Anhängen Ergebnisse ein völlig anderes element, zum Beispiel:HTML -
JavaScript
Habe ich auch erstellt eine demo um dies zu demonstrieren. Bitte beachten Sie, dass die neueste jQuery-Bibliothek nicht gehabt hat, jQueryUI getestet gegen Sie voll, so bin ich mit der vorherigen version, die mir erlaubt, wählen Sie einschließen jQueryUI direkt mit der jsFiddle-Optionen.
$( "#search" ).autocomplete({ appendTo: ".test", source: "/search", minLength: 2});
Was kann hier falsch sein?class="test"
?autocomplete
ist Teiljquery-ui
. Versuchen Sie, um die Datei zu laden, die nach jquery. Dein Beispiel: jsfiddle.net/Gn2dX/2 jquery-ui: jqueryui.com/downloadposition
option. Sollte funktionieren: jsfiddle.net/Gn2dX/3Ich brauchte mehr Kontrolle darüber, wo die Daten eingefügt werden, so ist dies, wie ich ging über es:
hle Antwort funktionierte großartig für mich und gibt Ihnen mehr Flexibilität! Hier ist mein test-code geändert wurde, dass von seiner Antwort: