2010-05-21 12 views
5

Ich konvertiere von YUI zu jQuery und kann keine Möglichkeit sehen, die Ergebnisse der Autocomplete in ein div oder andere solche Container zu laden.jQuery UI Autocomplete, Ergebnisse an einen anderen Ort laden (div)?

Ich möchte in der Lage sein, ein Div mit formatierten Ergebnissen zu füllen, einschließlich eines Bildes auf der Grundlage der Rückkehr, nicht nur ein einfaches Dropdown aus der Eingabe.

Antwort

7

DEMO:http://so.devilmaycode.it/jquery-ui-autocomplete-load-results-to-a-different-locationdiv/

aktualisiert
$("#autocomplete").autocomplete({ 
    open: function(event, ui) { 
     $($('ul.ui-autocomplete').removeAttr('style').hide()).appendTo('div').show(); 
    } 
}); 

dann einzelnes Element zugreifen, indem es die Klasse .ui-menu-item

Beispiel wäre

$('.ui-autocomplete li').each(function() { 
if ($(this).text() == 'javascript') 
    $(this).append('<img src="" alt="" />'); 
}); 
+0

Und Sie können dann etwas hinzufügen wie # your-append-container .ui-autocomplete { Position: statisch! Wichtig; } und so wird es nicht mehr in der Luft sein und es wird in diesem Container bleiben –

+0

@gibberish Tnx für den Scheck ... Ich habe beide Link und Code aktualisiert. –

+0

Thx für das Update und für die Einbeziehung von Code. +1 – gibberish

Verwandte Themen