Javascript JQuery自动完成搜索方法

Javascript JQuery自动完成搜索方法,javascript,jquery,autocomplete,jquery-autocomplete,Javascript,Jquery,Autocomplete,Jquery Autocomplete,我在我的网站上使用jQueryUIAutoComplete。我正在创建自动完成对象,如下所示: $.widget( "custom.code_complete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = ""; $ul = ul; $.each(

我在我的网站上使用jQueryUIAutoComplete。我正在创建自动完成对象,如下所示:

  $.widget( "custom.code_complete", $.ui.autocomplete, {
    _renderMenu: function( ul, items ) {
            var self = this,
                currentCategory = "";
        $ul = ul;
            $.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 );
            });
        }
    });

  $("#r-code").code_complete({
    source: "URL",
    minLength: 2,
    select: function(event, ui) {
      $(".button-row").fadeIn();
      get_details(ui.item.url);
    }
  });
此方法被成功调用,代码被输出到控制台,但不会触发自动完成搜索,也不会执行任何操作。为了不触发搜索,我的代码中是否有错误?我已经阅读了jQueryUI文档,上面的代码应该会触发搜索方法。任何帮助都将不胜感激

谢谢

Eef

更改
$(“#r-code”)。自动完成('搜索',代码)

您自己的小部件名称,即:

$(“#r-code”)。代码完成(“搜索”,代码)

产生期望的结果

例如:

如果执行
console.log($(“#r-code”).data(“自动完成”)
您会注意到元素上没有附加具有该名称的小部件。

更改
$(“#r-code”)。自动完成('搜索',代码)

您自己的小部件名称,即:

$(“#r-code”)。代码完成(“搜索”,代码)

产生期望的结果

例如:


如果执行
console.log($(“#r-code”).data(“自动完成”)
您会注意到元素上没有附加具有该名称的小部件。

>。<现在很明显。传奇,非常感谢!!>。<现在很明显。传奇,非常感谢!!
function parse_param_code(code) {
  console.log(code);
  $("#r-code").autocomplete('search', code);
}