JQuery に問題があります。
私のコードは次のように機能します。
テーブルの下部に新しい名前と役割を追加するための入力ボックスを備えた名前のテーブルがあり、両方の入力ボックスが入力されると、コードは入力ボックスの値を新しいテーブル行に追加します。
私の問題は、コンテンツが追加されたときに、入力ボックスの別の行を追加して、より多くの人を追加できるようにしたいということですが...入力ボックスがフォーカスを失った/ぼやけたときに実行される関数は、元の入力要素にバインドされています入力の次の行が追加されると、基本的に、現在実行中の関数を要素にバインドしようとしています...これは可能ですか、それとも他にどのように取り組むべきですか..
コード:
$('.add_new_castcrew').bind("blur",function(){
castCrewBlur(this);
});
function castCrewBlur(element){
if(castChangeLength == 2){
$('#newCast').removeAttr('id');
console.log("HAHAHAHA");
$('#cast_table').append("<tr id=\"newCast\"><td><input type=\"text\" value=\"Cast Member Name\" class=\"add_new_castcrew\" id=\"new_cast_name\"></td><td><input type=\"text\" value=\"Cast Member Role\" class=\"add_new_castcrew\" id=\"new_cast_role\"></td></tr>");
castChangeLength = 0;
$('#newCast.contentAdded ').each(function(){$(element).removeClass("contentAdded"); console.log("Removed"); });
$('.add_new_castcrew').bind("click",function(){
newCastCrewClick(this);
});
$('.add_new_castcrew').bind("click",function(){
castCrewBlur(this);
});