jQuery UI 自动完成，将结果加载到不同的位置（div）？

【问题标题】：jQuery UI Autocomplete, load results to a different location(div)?jQuery UI 自动完成，将结果加载到不同的位置（div）？
【发布时间】：2011-02-22 09:14:26
【问题描述】：

我正在从 YUI 转换为 jQuery，但无法将自动完成的结果加载到 div 或其他此类容器中。

我希望能够使用格式化结果填充 div，包括基于返回的图像，而不仅仅是输入的简单下拉。

【问题讨论】：

标签： jquery jquery-ui autocomplete

【解决方案1】：

演示： http://so.lucafilosofi.com/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="" />');
});

【讨论】：

然后你可以添加类似#your-append-container .ui-autocomplete { position: static !important; } 这样它就不会再在空中了，它会粘在那个容器里
@gibberish tnx 进行检查...我已经更新了链接和代码。