Javascript JQuery自动完成搜索方法
我在我的网站上使用jQueryUIAutoComplete。我正在创建自动完成对象,如下所示: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(
$.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);
}