2017-05-25 1 views
0

Je ne suis pas sûr de ce que j'ai fait erreur, mais autocomplete de mon jquery-ui ne fonctionne pas fondamentalement, j'ai mis au débogueur et vérifié il semble autocomplete appeler lui-même pas déclenché. il ne se déclenche que si j'actualisez la page s'il vous plaît me aiderautocomplete ne fonctionne pas en

$(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>

et une chose cette case d'entrée Je peuplant en utilisant jquery basé sur jquery d'entrée utilisateur pour cette

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 } 
 
}

+0

je pense que vous avez oublié de mettre la référence du fichier jQuery sur votre page. – yogihosting

+0

Je l'ai vérifié jquery-ui.js et le css correspondant est présent – LowCool

+0

Ajoutez la référence jquery sur votre tête de page. Vérifiez cette URL - https://developers.google.com/speed/libraries/. Voir sous "Jquery - Extrait 3.x:". – yogihosting

Répondre

0

Je résolus problème en ajoutant cette cdn dans mon jsp

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js"></script> 

et une chose qu'il ne fonctionne pas si je remplir ma boîte de texte dynamique. Je ne fais pas la raison s'il vous plaît laissez-moi savoir si vous connaissez la raison