javascript - JQuery 自动完成搜索方法

Question

我在我的网站上使用 JQuery UI 自动完成功能。我正在创建自动完成对象，如下所示:

  $.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);
    }
  });

这可以很好地设置自动完成字段。我可以在字段内进行良好的搜索，并且毫无问题地返回结果。然而，有时用户会从另一个页面重定向，并将自动完成值设置为参数，如果是这种情况，自动完成将以编程方式触发，我尝试使用以下代码来执行此操作:

function parse_param_code(code) {
  console.log(code);
  $("#r-code").autocomplete('search', code);
}

此方法已成功调用，代码已输出到控制台，但自动完成搜索未触发且不执行任何操作。我的代码是否做错了什么，以致不会触发搜索？我已阅读 JQuery UI 文档，上面的代码应该触发搜索方法。任何帮助将不胜感激。

谢谢

伊芙

Answer 1

改变$("#r-code").autocomplete('搜索', code);

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

$("#r-code").code_complete('搜索', code);

产生所需的结果。

示例:http://jsfiddle.net/vHJsu/

如果您执行 console.log($("#r-code").data("autocomplete")); 您会注意到没有附加该名称的小部件到元素。