如何设置jQuery-UI 1.10自动完成自定义显示

当我从jquery-ui 1.9切换到1.10（在两种情况下都使用jquery 1.8.3）时，我的jquery-UI自动完成功能被破坏。如何设置jQuery-UI 1.10自动完成自定义显示

upgrade guide表示item.autocomplete语法被替换为ui-autocomplete-item但我无法使其工作。事实上，我认为Custom data and display的示例已破坏，因为desc未显示在下拉列表中。

这可能是很简单的，但我阻塞，一个例子将是非常理解的，在特定的一个，将显示HTML（像<strong>）正确地下拉。

来源

2013-01-21 Sébastien

看这里：http://stackoverflow.com/questions/9513251/cannot-set-property-renderitem-of-undefined-jquery-ui-autocomplete-with-html/14443936#14443936 – btr

辉煌，非常感谢你，我希望我能给你的代表...如果你回答（而不是评论）我会+你。 –

BTR基本上给了我答案，但别人这里是我不理解：

由于每upgrade guide我已经改变item.autocomplete到ui-autocomplete-item，但我忘了改autocomplete到ui-autocomplete。所以我（无效）的代码看起来像这样（我的自动完成通话的最后一部分）：

注意，我改变item.autocomplete到ui-autocomplete-item第2行，但我忘了改autocomplete到ui-autocomplete 1号线

等效工作代码为：再次

.data('ui-autocomplete')._renderItem = function(ul, item) { 
     return jQuery('<li>').data('ui-autocomplete-item', item).append('<a>--'+ item.label+'<br>'+item.desc+'</a>').appendTo(ul); 
    };

感谢您的帮助BTR！

来源

2013-01-25 14:38:23

如何设置jQuery-UI 1.10自动完成自定义显示

回答

相关问题