2010-05-21 4 views
5

Я конвертирую из YUI в jQuery и не вижу способа загрузить результаты автозаполнения в div или другой такой контейнер.jQuery UI Autocomplete, загрузить результаты в другое место (div)?

Я хочу, чтобы иметь возможность заполнить div форматированными результатами, включая изображение на основе возврата, а не просто выпадающее из ввода.

ответ

7

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

обновленный

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

затем получить доступ один элемент по его классу .ui-menu-item

примера будет

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

И вы можете добавить что-то вроде # your-append-container .ui-autocomplete { position: static! Important; }, и таким образом он больше не будет в воздухе, и он останется в этом контейнере –

+0

@gibberish tnx для проверки ... я обновил как ссылку, так и код. –

+0

Thx для обновления и для включения кода. +1 – gibberish

Смежные вопросы