jquery-ui - BootstrapTypeaheadプラグインにコールバックをアタッチする方法

Question

タイプアヘッド機能にカスタムブートストラッププラグインを使用する https://gist.github.com/1891669

'select'イベントのコールバックを添付するにはどうすればよいですか？次のコードは機能しません。

var selectedFn = $('.typeahead dropdown-menu').on('select', function( ev ){
    console.log(ev);
});

誰かがこれがどのように機能するか説明できますか？

Answer 1

これを行う新しい方法は次のとおりです。

$('.input').typeahead({ 
    // snip
}).on('typeahead:selected', function() {
    // on selected
});

Answer 2

$('#myselector').typeahead({
itemSelected:function(data,value,text){
   console.log(data)
    alert('value is'+value);
    alert('text is'+text);
},
//your other stuffs
});

コールバック関数で itemSelected を渡すだけで、選択されたアイテムが得られます。

これがうまくいくことを願っています。

Answer 3

次のように、入力変更イベントをリッスンできます。

$('input.typeahead').on('change', function () { ... })