Catcompleteウィジェットは1.12

Question

に1.8からjQueryのUIを更新するとき、私はjQueryのUI 1.12

var currentCategory = ""; 
$.widget("custom.catcomplete", $.ui.autocomplete, { 
    _renderMenu: function (ul, items) { 
     var self = this; 
     $.each(items, function (index, item) { 
      if (item.category != currentCategory) { 
       ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 
       currentCategory = item.category; 
      } 
      self._renderItem(ul, item); 
     }); 
    }, 
    _renderItem: function (ul, item) { 
     var clase = ''; 
     switch (item.category) { 
     case 'Usuarios': 
      return $("<li class='" + clase + "'></li>") 
       .data("item.autocomplete", item) 
       .append("<a><img src='" + item.img + "' /><span class='name'>" + item.value + "</span></a>") 
       .appendTo(ul); 
      break; 
     case 'Posts': 
      return $("<li class='" + clase + "'></li>") 
       .data("item.autocomplete", item) 
       .append("<a><img src='" + item.img + "' /><span class='name'>" + item.value + "</span><span class='sub'><i class='fa fa-bookmark-o'></i> " + item.sub + "</span> <span class='sub'>" + item.votos + "<i class='fa fa-thumbs-o-up'></i></span> </a>") 
       .appendTo(ul); 
      break; 
     } 
    } 
}); 

に更新されるまでこれは、正常に動作してきた私のコード、ある作業を停止し、これは私がそれを使用する方法です。

cached.js:1692 Uncaught TypeError: Cannot read property 'category' of undefined(…) 

アン：このコードが正しくリストをレンダリング

$("#recipeName").catcomplete({ 
     source: "/jsonR.php", 
     minLength: 2, 
     selectFirst: true, 
     select: function (event, ui) { 
      console.log(ui); /* this logs Object item:undefined */ 
      var url = ''; 
      if (ui.item.category == 'Posts') { /* This is line 1692 */ 
       url = 'http://example.com/page.php?id=' + ui.item.id; 
      } 
      location.href = url; 
      return false; 
     }, 
     selectFirst: true, 
     open: function() { 
      $('.ui-autocomplete').addClass('searchBox'); 
      currentCategory = ""; 
     } 
    }); 

私は1つのオプションを選択すると、問題がありますyのアイデアjquery ui 1.12で動作するためには、このコードからどのように再適応する必要がありますか？

-EDIT-

私は、

をself._renderItemData(ul, item)代わりにself._renderItem(ul, item)、選択作品を使用した場合、問題は、私は要素（と、それはポインタいないカーソルを置くと、私はエラーを取得することであることに気づきました。 。）：

：

jquery-ui.js:5840 Uncaught TypeError: Cannot read property 'value' of undefined(…)

これはjqueryのUI上のライン5840であります

どのような考えですか？

Answer 1

私は、私はそれはあなたがからスイッチングされているバージョンから古いバージョン

$.widget("custom.catcomplete", $.ui.autocomplete, { 
    _create: function() { 
      this._super(); 
      this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)"); 
    } 
    // Rest of code.. 
});