jquery 게시물을 사용하는 중 문제가 발생했습니다.

Question

URL (ajax)에 대한 링크가 있습니다. 그럼 나는 전체를 숨기고 싶다.

HTML

$(function(){ 
    $(".del").click(function() { 
     var link = $(this).attr('href'); 
     $.post(link, function() { 
      $(this).parent().slideUp(); 
     return false; 
     }); 
     event.preventDefault(); 
    }); 
}); 

Answer 1

성공 핸들러의 this 개의 키워드가 앵커 요소를 참조하지 않는 .post $에 전달

<li>Product Name <a href="/delete/item_id" class="del">Delete</a></li> 

JQUERY, 그래서 당신의 코드가 작동하지 않습니다. 성공 핸들러 외부의 li 요소에 대한 참조를 저장하여 쉽게 수정할 수 있습니다.

$(function(){ 
    $(".del").click(function() { 
     var link = $(this).attr('href'); 
     var li = $(this).parent(); 
     $.post(link, function() { 
      li.slideUp(); 
     return false; 
     }); 
     event.preventDefault(); 
    }); 
});