button 추가 생성 후, 삭제 안될 때

'폼 생성' 버튼을 클릭 시, '폼 삭제' 버튼을 포함한 양식이 생성된다.

 

각 양식에 포함되어있는 삭제 버튼 클릭 시, 새로 생성된 양식은 삭제가 되지 않는다.

function이 안먹힌다...

form을 생성하게 되면,

//블럭 추가 $('#add_block').on("click", function(){ if(btn_count >= 5){ alert("등록은 최대 5개 까지 가능합니다"); return; } init(); btn_count++; if(btn_count > 1){ $('.btn_del').first().removeAttr("disabled", "disabled"); } });

 

삭제가 안된다.

//블럭 삭제 $(document).on("click", function(){ var thisIndex = $('.btn_del').index($(this)); var thisRollText = $('.rollNum').eq(thisIndex).text(); if(!confirm(thisRollText + " 삭제하시겠습니까?")) { return; } $(this).parent().parent().remove(); btn_count --; if(btn_count == 1){ $('.btn_del').first().attr("disabled", "disabled"); } });

 

 

on("click", 뒤에 해당 클래스를 지정해주면 삭제가 가능하다.

 

//블럭 삭제 $(document).on("click", ".btn_del", function(){ var thisIndex = $('.btn_del').index($(this)); var thisRollText = $('.rollNum').eq(thisIndex).text(); if(!confirm(thisRollText + " 삭제하시겠습니까?")) { return; } $(this).parent().parent().remove(); btn_count --; if(btn_count == 1){ $('.btn_del').first().attr("disabled", "disabled"); } });