2016-06-23 20 views
2

Ich habe dies in meinem Autocomplete-Code.jquery Autocomplete-Verzögerung funktioniert nicht

Delay und minlength Optionen funktionieren nicht für mich in JQuery Autocomplete

Ich habe versucht, Schlaf zu Suchfunktion setzen. auch das funktioniert nicht

Was ich auf der Schnittstelle sehe 1) "getTags" Anruf wird ausgeführt, auch für 1/2 Characters und 2) Anrufe werden sofort keine Verzögerung überhaupt gemacht.

Bitte helfen

$('#autocomplete').autocomplete({ 
     delay: 10000, 
     serviceUrl: "getTags", 
     minLength: 3, 
     search: function(event, ui) { 
      sleepFor(2000); 
      console.log("Searching for",event) 
     } 
}); 
+0

können Sie erstellen Geige oder Code Stift ? .. Ich habe eine erstellt, aber konnte dieses Problem nicht replizieren - http://codepen.io/nagasai/pen/beBQRm –

+0

verdammt .. Ich bearbeitet ur-Code, um ihn zu bekommen http://codepen.io/premrajnarkhedepen/RRoqOJ aber hier bekomme ich nicht einmal Vorschläge – Premraj

+0

hast du versucht, serviceURL mit Quelle zu ersetzen ?? –

Antwort

1

Versuchen Service-URL mit Quelle zu ersetzen und erstellt als Referenz codepen -

Source :"getTags" 

http://codepen.io/nagasai/pen/beBQRm

+0

es funktioniert nicht auf Codepen Link in Antwort –

+0

https://codepen.io/nagasai/pen/wyXRME, ich denke, cdn URL scheint nicht funktioniert –

0

Sorry Leute

Es gibt einige naive Fehler auf meiner Seite, die mir wurde klar, als ich versuchte, auf beispielsweise durch NagaSai auf Ausführungen beziehen bereitgestellt zu arbeiten

Ich bezog mich auf diese https://designshack.net/articles/javascript/create-a-simple-autocomplete-with-html5-jquery/ und heruntergeladene Autocomplete-min.js

Es wurde nicht benötigt, und ich versuchte, autco zu verwenden mplete jQuerys Dokumentation zu diesem

$('#autocomplete').autocomplete({ 
     delay: 2000, 
     source: function (request, response) { 
        jQuery.get("getTags", { 
         query: request.term 
        }, function (data) { 
         // assuming data is a JavaScript array such as 
         // ["[email protected]", "[email protected]","[email protected]"] 
         // and not a string 
         console.log(data) 
         response(data["suggestions"]); 
        }); 

        //console.log("Here") 
        //data=["heyy"] 
        //response(data); 
      }, 
     //source:"getTags", 
     minLength: 1, 
     search: function(event, ui) { 
      sleepFor(100); 
      console.log("Searching for",event) 
     } 
}); 

Das funktioniert perfekt