Javascript Jquery UI无法正常工作

我正在尝试使用jQueryUI进行搜索栏自动完成。当我使用div id=“inputs”时，自动完成可以正常工作，但如果我使用input id=“inputs”则无法正常工作，我需要使用输入才能正常搜索

（函数（$）{
$.fn.googleSuggest=函数（选项）{
opts=$.extend（{service:'web'，secure:false}，opts）；
var服务={
web:{客户端：'hp'，ds:'}，
}，service=services[opts.service]，span=$（“”）；
opts.source=函数（请求、响应）{
$.ajax({
url:'http'+（opts.secure？'s'：''）+'：//clients1.google.com/complete/search'，
数据类型：“jsonp”，
数据：{
q:request.term，
nolabels:'t'，
客户：service.client，
ds:service.ds
},
成功：功能（数据）{
响应（$.map）（数据[1]，函数（项）{
返回{value:span.html（项[0]）.text（）}；
}));
}
});  
};
返回此值。每个（函数（）{
$（this）.autocomplete（opts）；
});
}
}（jQuery））；
$.each（“web”）.split（“”），函数（i，v）{
var div=$（“”）。附加到（“#输入”）
，输入=$（“”）。附加到（div）
googleSuggest（{service:v}）；
});

标记，因此您不能
将
节点附加到它们

看起来您试图附加的是一个div，其中包含另一个输入，您可以对其运行
googleSuggest（）
：

var div = $("<div>").appendTo("#inputs")
  , input = $("<input>").appendTo(div)
input.googleSuggest({ service: v });

标记，因此您不能将
节点附加到它们

看起来您试图附加的是一个div，其中包含另一个输入，您可以对其运行
googleSuggest（）
：

var div = $("<div>").appendTo("#inputs")
  , input = $("<input>").appendTo(div)
input.googleSuggest({ service: v });

不，它是从ajax调用调用的。像这样，一切都正常工作，但如果我尝试在html中使用input id=“inputs”而不是div id=“inputs”autocomplete，则不起作用。可能是No的重复，它是从ajax调用调用的。像这样，一切都正常工作，但如果我尝试在html中使用input id=“inputs”而不是div id=“inputs”，则自动完成不起作用。非常感谢，可能会重复！我花了好几个小时想弄明白，解决办法很简单。没问题！如果答案对您有帮助，您可以通过单击向上/向下投票按钮附近的复选标记来“接受”它。非常感谢！我花了好几个小时想弄明白，解决办法很简单。没问题！如果答案对您有帮助，您可以通过单击upvote/downvote按钮附近的复选标记来“接受”它。