5

Ich versuche, Autocomplete-Funktionalität von Jquery in mein Projekt zu verwenden. Aber ich habe keine Ahnung, warum es nicht einmal anruft.Jquery Autocomplete funktioniert nicht

Ich habe als unter meiner jsp Datei setzen ..

<input id="productName" name="productName" type="text" placeholder=""/> 

Und in meiner js Datei .. ich geschrieben habe ..

$("#productName").autocomplete({ 
     /*source: '${pageContext. request. contextPath}/search'*/ 
     source: function(request, response) { 
      alert('asdfasdfasdfasdfadsf'); 
      $.ajax({ 
       url: "/../search", 
       data: "q="+request.term, 
       dataType: "json", 
       success: function(data) { 
        response($.map(data.values, function(item) { 
         return { 
          label: item.label, 
          value: item.value 
         } 
        })); 
       } 
      }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
     }, 
     open: function() { 
      //$(this).removeClass("ui-corner-all").addClass("ui-corner-top"); 
     }, 
     close: function() { 
      //$(this).removeClass("ui-corner-top").addClass("ui-corner-all"); 
     } 
    }); 

Wie ich in Brand-bug zeigen .. i kann loaded..with dieser Seite unten js sehen ...

bootstrap.min.js 
jquery-ui.js 
jquery-v2.0.3.js 
jquery.autocomplete.js 
jquery.big-slide.js 
jquery.big-slide.js 
jquery.big-slider.min.js 
jquery.validate.js 
product.js - this contains above js code.. 

Es gibt keinen jeden Fehler in der Konsole ... beim Laden der Seite ..

Ich weiß nicht, was ist das Problem .. ich wirklich in diese stecke .. Als Rahmen i breitblättrigen als feder mvc bin mit ..

Vielen Dank im Voraus

+1

stellen Sie sicher, dass Sie Ihre Autovervollständigung in einem $ (Dokument) .ready (function() {......}) definieren; das könnte sein, warum es ohne Fehler versagt. –

+0

ya .. Ich habe automatische Vervollständigen-Funktion in $ (Dokument) definiert .ready (function() {...........}) ... immer noch hat es Probleme .. – Ankit

+0

Können Sie mir sagen, wo Sie enthalten diese Jquery-Dateien? Es funktioniert nicht für mich. – user12458

Antwort

7

Sie müssen jQuery Last zuerst dann jQuery UI dann Bootstrap JS, sollte die richtige Reihenfolge:

jquery-v2.0.3.js 
jquery-ui.js 
bootstrap.min.js 

statt:

bootstrap.min.js 
jquery-ui.js 
jquery-v2.0.3.js 

Edit:

Für zukünftige Besucher, der Grund ist eigentlich wegen des Konflikts zwischen jquery-ui.js und jquery.autocomplete.js seit jquery-ui.js ist schon gehören die Funktion zur automatischen Vervollständigung.

Sie müssen nur jquery.autocomplete.js entfernen, damit es funktioniert.

+0

In Feuer-Bug..I kann meine js-Datei in Fußzeile geladen .. wie unten ..

Verwandte Themen