選択したクラスがDOMに読み込まれずに後で追加された場合、先読みでどのように検索できますか？

Question

多くの時間をかけて使用しましたが、それは魅力的ですが、先読みを既に使用している場合は、jqueryを使用して入力のクラスを選択する必要があることがわかります。その入力の内容を取得し、PHPの助けを借りてその文字列を自動的に検索します。私の問題は私のページの周りにいろいろな検索が必要なので、すでに動作しているjqueryのappendを使って新しい入力を挿入していますが、これらの新しい入力がDOMでロードされていないため、単に選択できません。私はそれを解決するために（ '変更'）についてのいくつかのものを読んだが、私はそれを解決することはできません。

は、ここに私の先行入力コード

$('input.typeaheadEmail').typeahead({ 
    minLength: 1, 
    source: function (query, process) { 
     return $.get('buscarNome', { query: query }, function (data) { 
      console.log(data); 
      data = $.parseJSON(data); 
      return process(data); 
     }); 
    } 
}); 

だし、ここで任意の助けをいただければ幸いです

$("#adicionarExecutores").click (function() { 
    $('#divExecutores').append('<input type="email" class="executor typeaheadEmail form-control" style="padding-top: 5px !important;" name="podemVer[]" placeholder="nome@dominio.com.br" autocomplete="off" value=""/>'); 
}); 

私のアペンドコードです。ありがとうございました！

Answer 1

私は作った。ロード後に.typeaheadEmailを呼び出せない場合は、.on（ 'keyup'）を使用して、関数の周りにコードをラップしました。それはハッキーですが、それは動作します。

$('#divExecutores').on('keyup', '.typeaheadEmail', function() { 
     typeaheadEmail(); 
    }); 

    function typeaheadEmail() { 
     $('input.typeaheadEmail').typeahead({ 
         minLength: 3, 
         source: function (query, process) { 
           return $.get('buscarUsuario', { query: query }, function (data) { 
             console.log(data); 
             data = $.parseJSON(data); 
             return process(data); 
           }); 
         } 
     }); 

    }