自动完成不工作
问题描述:
我不知道我做了什么错误,但我的jquery-ui自动完成工作基本上不工作我把调试器,并检查它似乎自动完成调用它自我没有触发。它被触发只有当我刷新页面,请帮我在这里自动完成不工作
$(function() {
$(".autoComplete").autocomplete({
\t \t source:function(reuqest,response){
\t \t \t $.get({
\t \t \t \t url:"/organization/suggestion",
\t \t \t \t dataType:"json",
\t \t \t \t contentType: "application/json; charset=utf-8",
\t \t \t \t data:{
\t \t \t \t \t q:request.term
\t \t \t \t },
\t \t \t \t success:function(data){
\t \t \t \t \t response(data);
\t \t \t \t }
\t \t \t })
\t \t }
\t })
});
<div id="ShowTextOrIdFieldBox"><input type="text" id="searchByText" name="searchByText" placeholder="enter name" class="autoComplete"></div>
还有一件事这个输入框我使用基于此
用户输入的jQuery jQuery的填充
function showTextOrIdField(){
\t var orgType=$('#searchByLabel option:selected').val();
\t if(orgType=='searchByIdOption'){
\t \t $("#searchByText").remove();
\t \t
\t \t $("ShowTextOrIdFieldBox")
\t \t .addClass("col-md-2 col-sm-4 col-xs-12");
\t \t
\t \t $("<input type='text' value='' />")
\t .attr("id", "searchById")
\t .attr("name", "searchById")
\t .attr("placeholder","enter id")
\t .appendTo("#ShowTextOrIdFieldBox");
\t }else if(orgType=='searchByTextOption'){
\t \t $("#searchByOrgId").remove();
\t \t
\t \t $("ShowTextOrIdFieldBox")
\t \t .addClass("col-md-3 col-sm-6 col-xs-12");
\t \t
\t \t $("<input type='text' />")
\t .attr("id", "searchByText")
\t .attr("name", "searchByText")
\t .attr("placeholder","enter name")
\t .addClass("autoComplete")
\t .appendTo("#ShowTextOrIdFieldBox");
\t }
}
答
我加入这个解决的问题cdn进入我的jsp
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js"></script>
还有一件事情,如果我动态地填充我的文本框,它不工作。我不知道,原因请告诉我,如果你知道原因
我想你已经忘记把jQuery文件引用到你的页面上。 – yogihosting
我检查了它jquery-ui.js和相应的css存在 – LowCool
在你的页面头上添加jquery参考。检查此网址 - https://developers.google.com/speed/libraries/。请参阅“Jquery - 3.x代码片段:”。 – yogihosting