javascript - 動的に作成された要素に追加できない Twitter ブートストラップの先行入力

Question

Twitterのブートストラップのtypeahead関数を関数に変換する方法はあり$("body").on()ますか? ページの読み込み時に要素が存在する場合、次のコードは正常に機能します。

$("#job_title").typeahead({
    source: searchFunction,        
    onselect: function(obj) {            
    }
});

しかし、テキスト入力をid="job_title"動的に追加すると、上記の機能は機能しません。これに対する回避策はありますか?

Answer 1

このソリューションには、追加の JavaScript は必要ありません。https://stackoverflow.com/a/15094730から

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function () {
    $(this).find(".typeahead").typeahead();
});

Answer 2

jquery.livequery.jsをダウンロードして、必要な動作を取得しました。

$("#job_title").livequery("create", function() {
    $(this).typeahead({
        source: searchFunction,        
        onselect: function(obj) {            
        }
    });
});