Twitter bootstrap typeahead benutzerdefinierte keypress ENTER Funktion

Arbeite ich mit Twitter bootstrap auf eine Django-Website, die ich mache. Ich habe eine Seite, wo Benutzer eingeben können alle Ihre technischen Fähigkeiten in einem text input ausgestattet mit einem bootstrap typeahead. Ich versuche, auf den text in der aktuell ausgewählten in dem dropdown-Menü, so dass, wenn die EINGABETASTE gedrückt wird, und ein element hervorgehoben ist in der dropdown-Liste auswählen, nimmt es den Wert und zeigt ihn unterhalb der input-text-Feld. Dann das input-text-Feld wird gelöscht, und der Benutzer kann die Suche nach einer anderen Fertigkeit.

$(document).keyup(function(event) {
    if (event.keyCode == 13) {    
      if ($('.dropdown-menu').css('display') != 'none'){
        var newskill = $(".dropdown-menu > li.active").val();
        alert('Yay');
      }
      else{
        var newskill = $("#enterbox").val();
        alert('Boo');
      }      
      return false;
    }
  });

Wenn das dropdown sichtbar ist, dann die enter-Tastendruck-Funktion nimmt das aktuell aktive element der Dropdownliste, und fügt ihn in das Textfeld ein (gebaut auf Bootstrap). Keine alert-box zeigt. Irgendeine Idee, wie kann ich meine Funktion auszulösen, bevor das passiert, dh bevor die Bootstrap-Funktion einsetzt?

InformationsquelleAutor Colin McDonnell | 2013-09-10

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.