Jquery Autocomplete Select TypeError: ui.item undefined

Question

我正在使用 jquery ui 1.10.3 和 jquery 2.0.3。 我正在嘗試使用自動完成功能在從自動完成的建議選項中選擇一個選項時更改另一個文本框的文本。

下面是我的自動完成功能代碼。 我確實根據需要得到了結果，但是當我從中選擇一個選項時，我得到TypeError: ui.item is undefined錯誤。

<script language="javascript">
$(document).ready(function(){
    $('#item_code').autocomplete({
    source: "http://localhost/test/item/search_item",
        minLength: 1,
        select: function( event, ui ) {
            $( "#item_description" ).val(ui.item.description );
            return false;
        }
    }).data("ui-autocomplete" )._renderItemData = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.value + " - " + item.description + "</a>" )
            .appendTo( ul );
    };
});   
</script>

我已經搜遍了網，但我發現我的頭撞到了桌子上。 任何幫助是極大的贊賞。

Answer 1

您只需要更改一個數據屬性：

.data('item.autocomplete')

被棄用贊成

.data('ui-autocomplete-item')

截至jQuery UI 1.9並從jQuery UI 1.10中刪除

http://jqueryui.com/upgrade-guide/1.10/#re​​moved-item-autocomplete-data-use-ui-autocomplete-item

Answer 2

我遇到了類似的問題，但這是因為jQuery文檔現在顯示了jQuery UI 1.10的用法，我們的網站仍在使用jQuery UI 1.8.20。

這最終對我有用。

  .data("autocomplete")._renderItem = function (ul, item) {
      return $("<li>")
      .data("item.autocomplete", item)
      .append("<a>" + item.label + "<br><b>" + item.category + "</b></a>").appendTo(ul);
  };

Answer 3

結果我不得不改變

data("ui-autocomplete" )._renderItemData = function( ul, item ) {

和

.data( "item.autocomplete", item )

至

data("ui-autocomplete" )._renderItem = function( ul, item ) {

和

.data( "item.autocomplete-item", item )

希望這可以幫助任何有jQuery UI遷移問題的人

Answer 4

埃拉布瓦。 我真的很想在 State pen 中為新的 3.30 平板電腦提供幫助。我知道你已經有了我需要復制並粘貼到模擬器中的提示。 我會永遠感激你的幫助