Mehrere Instanzen von jQuery-autocomplete auf einer Seite
Ich möchte zu Stil jede Instanz von jQuery-autocomplete-plugin anders auf jeder Seite. Außer ich kann nicht herausfinden, wie die Stile zu unterschiedlich für jede Instanz. Ich kann nicht scheinen, um wickeln Sie die ac_* styles innerhalb eines div zu identifizieren, die von der CSS. Jede änderung die ich mache, betrifft beide. Irgendwelche Ideen?
Danke.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Denke ich, werden Sie feststellen, dass Ihr problem ist, dass die AutoVervollständigen-Dropdown-Liste unter nicht platziert Ihre Platzhalter... Beispiel:
Wenn die Ergebnisse kommen zurück, ein neues div-Element Hinzugefügt, um die Seite für die Anzeige der Ergebnisse - nicht aber in Ihrem "differentStyle" division. Es wird nur Hinzugefügt, um das Ende der DOM. Zum Beispiel:
Lesen Sie in der Dokumentation, würde ich sagen, dass es überschreiben Sie den Stil für zwei auto-complete-Boxen auf der gleichen Seite unmöglich:
http://docs.jquery.com/Plugins/Autocomplete
Verwenden Sie die
appendTo
option, um die AutoVervollständigen-Liste, um einige custom-container stattbody
. Dann können Sie es Stil. Beispiel:JS:
HTML:
CSS:
http://api.jqueryui.com/autocomplete/#method-widget
fügen Sie so etwas wie dieses:
Ich habe gerade entdeckt, dass können Sie leicht greifen die UL-container, wenn Sie mit jQuery UI 1.8. Nehmen Sie die UI-container in 1.8, fügen Sie einfach Folgendes in Ihre offene Methode:
Lösung ist ganz einfach:
können Sie einen code in die Klasse .yourClass
Schreiben Sie
_renderMenu
Methode. Nehmen http://jqueryui.com/demos/autocomplete/#combobox als Beispiel.War auf der Suche nach etwas anderes, wenn ich zufällig über diesen Beitrag...
Dies gelang mir durch überfüllung der folgenden AutoVervollständigen-Veranstaltungen, und das hinzufügen meiner eigenen Klasse in der äußeren, den Häusern der AutoVervollständigen-Ausgabe. Dann verwenden CSS zur Formatierung der Elemente als notwendig. Hoffe das hilft jemandem.
Beispiel-css:
Auch als Teil meiner JSON-Ergebnisse, ich pass einfach zurück (aus meinem JAVA-AJAX-Aktion) die HTML-Oberfläche, mit dem Ergebnis, eingebettet in die es als Teil des eigentlichen JSON "Ergebnis". So kann ich erstellen aufwendige HTML um die einzelnen Ergebnisse, und verwenden Sie dann die oben genannte Methode zu formatieren, wie ich will.
In neueren Versionen "appendTo" wurde Hinzugefügt, damit Sie wählen Sie ein übergeordnetes element für die Vorschlagsliste.
Sie können andere Eltern (mit ein-oder Klasse) für Ihre Listen.
Als ich dieses problem hatte, fand ich heraus, dass jquery-ui erhält jede Instanz eine eindeutige id, die #ui-id-1, #ui-id-2, von denen der erste von AutoVervollständigen in der dom bekommt die Nummer 1, der zweite Nummer 2 und so weiter. Also, wenn die Bestellung des autocompletes ist bekannt, verschiedene Stile, die angewendet werden können, um die verschiedenen id ' s.