twitter-bootstrap - オンデマンドで Twitter の Bootstrap 2.x タイプアヘッドを表示する方法は?

Question

こんにちは、jquery ブートストラップ typeahead でショーをトリガーする必要があり、キーの押下をシミュレートしようとしましたが、typeahead を表示する方法がありません。
キーを押すのと同じ効果をトリガーするイベントはありますか?
助言がありますか？

Answer 1

jQueryでキープレスイベントをトリガーする決定的な方法もお読みください。問題は最初に集中する必要があるようですので、この関数を使用してみてください:

function triggertypeahead(element,value,empty)
{    
    empty = typeof empty !== 'undefined' ? false : true;
    element.focus();
    element.val(value);
    element.trigger(jQuery.Event('keyup'));
    if(empty)element.val('');
}

例:

<input id="typeaheadinput" type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="bootstrap-master/js/bootstrap-typeahead.js"></script> 
<script>

function triggertypeahead(element,value,empty)
{    
    empty = typeof empty !== 'undefined' ? false : true;
    element.focus();
    element.val(value);
    element.trigger(jQuery.Event('keyup'));
    if(empty)element.val('');
}

triggertypeahead($('#typeaheadinput'),'al');



</script>     

参照: http://bootply.com/65987