2013-10-12 9 views
5

arbeiten Ich versuche dies:Bootstrap typeahead Updater nicht

$('input[name=recerv_country]').typeahead({ 
    remote : { 
     url: '?country=%QUERY', 
     filter: function(data) { 
      var resultList = data.map(function (item) { 
       return item.name; 
      }); 
      return resultList; 
     } 
    }, 
    updater : function (item) { 
     //item = selected item 
     //do your stuff. 
     alert(item.name); 
     alert('foo'); 
     alert('bar'); 
     //dont forget to return the item to reflect them into input 
     return item; 
    } 
}); 

Es passiert nichts, Warnungen erscheint nicht. Was ich falsch mache?

Antwort

4

Mit Twitter Bootstrap 3 wurde das Typeahead-Plugin gelöscht. Bootstrap empfiehlt stattdessen https://github.com/twitter/typeahead.js zu verwenden. Sie scheinen typeahead.js zu verwenden, da Sie den Remote-Aufruf verwenden. Typeahead.js hat keine Aktualisierungsfunktion.

Überprüfen Sie die benutzerdefinierten Ereignisse Abschnitt https://github.com/twitter/typeahead.js. typeahead:selected wird vielleicht Ihren Bedürfnissen entsprechen.

Siehe auch: Bootstrap 3 typeahead.js, use similar functions from Bootstrap 2

7
$('input[name=recerv_country]').on('typeahead:selected', function(evt, item) { 
    alert(item.value); 
}); 
Verwandte Themen