javascript - 動的に追加される要素にリスナーを追加します

Question

TwitterBootstrapの先行入力を使用しているjavascript/jQueryページがあります。javascriptには、先行入力したい要素を追加する2つの別々の場所があります。主観的な答えを求めずに、入力を先行入力として動的に登録するための良い方法は何ですか？それらにすべて異なるIDを与え、追加するたびに登録しますか？でできる魔法はあります.on()か？

Answer 1

jQuery委任を使用してそれを行うことができます。例えば：

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

Answer 2

最も簡単な方法、それはのために働くでしょうtypeahead, datepicker etc

まず、適用する入力要素をどのように追加するかを理解する必要がありますbootstrap typeahead

要素を追加するには、次のようなことを実現してください。

 //add this in your add button click handler
 $tinput = $('<input type="text" name="bootstrap" class="typeahead"/>');

 //apply bootstrap typeahead
 $tinput.typeahead();

このように機能します。ここで共有すると他の人にも役立つと思いました:)