如何設置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自動完成自定義顯示

回答

相關問題