jQuery 추가 및 제한 양식 필드

Question

이미지 업로드 필드가있는 양식을 만들고 있지만 첫 번째 이미지 만 표시되고 "다른 이미지 추가"버튼을 클릭하면 추가 필드가 표시됩니다.

내가 원하는 것은 해당 필드의 수를 3으로 제한하는 것입니다. 아래에서 현재 가지고있는 것을 볼 수 있지만 문제는 현재 코드가 필드 제거를 고려하지 않는다는 것입니다. 따라서 두 필드를 추가하면 오류가 발생하지만 한 필드를 삭제하고 다시 추가하려고하면 그 필드를 다시 추가 할 수 없습니다.

저는 약간의 jQuery 물건을 잃어 버렸기 때문에 어떤 도움을 주시면 감사하겠습니다.

var limit = 3; 
$('.add_image').click(function(e){ 
if($('#back').length < limit) { 
          e.preventDefault(); 
          var newElem = $('<tr class="images-cont"><td><input type="file" name="front" id="front" size="50" /></td><td class="action"><a title="Delete image" href="#" class="delete" style="background-image:url(\'<?php echo get_admin_url(); ?>/images/no.png\');"><?php _e("Delete"); ?></a></td></tr>'); 
          newElem.appendTo('#images-sort'); 
count++; 
} else { 
    alert('You cannot add more than 3 images.') 
} 
         }) 

Answer 1

$('.delete').click(function(){ 
    $('.images-cont:last').html('<td>A message here</td>'); 
    count--; 
}); 

Answer 2

삭제 버튼이있는 경우 개수 변수를 감소시키는 이벤트 처리기를 추가하십시오.