jQuery-UI-Autocomplete-Vorschläge Nicht Schließen auf Wählen Sie

Ich habe ein seltsames problem mit jQuery UI autocomplete. Ich will es so, dass, wenn das Textfeld den Fokus erhält, wird eine Liste aller Optionen in der AutoVervollständigen kommt. Das funktioniert auch, aber wenn Sie ein Element auswählen, indem Sie klicken auf, die Anregungen, die offen bleiben. Ich möchte der Liste der Vorschläge, zu verschwinden, wie autocomplete normalerweise arbeitet.

Es funktioniert, wenn Sie wählen Sie das Element mit der Tastatur, aber wenn Sie klicken Sie auf ein Element der Liste einfach immer wieder wieder und wieder und wieder.

Um dieses problem seltsamer, die Funktionalität funktioniert perfekt, wenn sich einfach nur die Werte manuell ein. Es startet nur passiert, wenn ich bin vorbei in ein JSON-Quelle.

Irgendwelche Ideen!?

Funktionierenden Code - http://jsbin.com/aFeceTe/1/edit?html,js,output

$(document).ready(function(){

   var test = [ { value: "1",label: "Google" }, { value: "2", label:"StackOverflow" }, { value: "3", label:"Microsoft" }, { value: "4", label:"Yahoo" } ];

   $("input").autocomplete({
     source: test,
     delay: 0,
     minLength: 0,
     select: function(event, ui) {      
        event.preventDefault();
        $(this).val(ui.item.label).attr('title', ui.item.label);
     }
  }).focus(function () {
      $(this).val('').autocomplete("search");
  });

});

Gebrochenen Code - http://jsbin.com/uyOGUVU/6/edit?html,js,output

$(document).ready(function(){

   $("input").autocomplete({
      source: 'http://jsbin.com/IdIXIRU/3/js',
      delay: 0,
      minLength: 0,
      select: function(event, ui) {      
         event.preventDefault();
         $(this).val(ui.item.label).attr('title', ui.item.label);   
      }
   }).focus(function () {
      $(this).val('').autocomplete("search");
   });

});

InformationsquelleAutor BT643 | 2013-10-04

Schreibe einen Kommentar