ダイナミックに作成された要素にjqueryイベントを添付する（jquery load php file）

Question

私は、（mysqlに接続された）テーブル内のすべての従業員をリストするphp従業員ディレクトリのWebサイトを持っています。別の部門で

$('.emptab').click(function(event) { 
    var status = $(this).attr('id'); 
    $("#empview").load("employee.php", {'data': datastring, 'current': status}); 
}); 

私はもともと上記のコードを持っていましたが、動的要素にイベントを添付できるようにするために必要なので、私は次のコードに変更：私は読んで、私はそのようにやった

$('tbody').on('click', 'tr.emptab', function() { 
    var status = $(this).attr('id'); 
    $("#employeedetails").load("employee.php", {'data': datastring, 'current': status}); 
}); 

別の質問（In jQuery, how to attach events to dynamic html elements?）を使用して、その形式を使用してイベントを動的要素に添付することができます。明確にするために、このコードは最初のページで動作し続けますが、検索フィルタが使用された後は失敗します。

私の動的要素は、作成したfilter.phpドキュメントに基づいて従業員のリストを変更する検索テキストボックスに基づいて従業員のリストを変更します。これらの要素は、そのPHPファイルから作成されたとき

$('#search').on('input propertychange paste', function() { 
    var string = $('#search').val(); 
    $("#employeelist").load("filter.php", {'data': datastring, 'search': string}); 
}); 

はしかし、私は私が間違ってやっているかわからないんだけど、私のjqueryの経由の要素にアクセスすることができません。私が成功していない関数でjqueryを使用する答えがどこにあるのかを知った約4つの他の質問がありました。

お時間をいただきありがとうございます。

Answer 1

あなたはちょっとこの

$(document).on('click', '.emptab', function() { 
    var status = $(this).attr('id'); 
    $("#employeedetails").load("employee.php", {'data': datastring, 'current': status}); 
});