jQuery empty() 콜백이 실행되지 않습니다.

Question

모든 하위 요소를 비우고 동일한 클래스를 사용하지만 별도 요소 내에 요소를 적용합니다.

이 empty() 함수의 콜백 함수가 실행되지 않습니다. 이 클래스/콜백 문제로 뭔가 빠졌습니까?

$('.commentsButton').click(function(e){ 
e.preventDefault(); 
if ('.openComments').length) { 
    $(this).closest('.box').removeClass(openComments); 

    $('.commentsBox').empty(function(){ 
      $(this).closest('.box').find('.commentsBox').load('url.com'); 
      $(this).closest('.box').addClass(openComments); 
     }); 
} else { 
     $(this).closest('.box').find('.commentsBox').load('url.com'); 
     $(this).closest('.box').addClass(openComments); 
    } 
}); 

<div class="box"> 
    <a class="commentsButton" href="#"></a> 
    <div class="commentsBox"></div> 
</div> 
<div class="box"> 
    <a class="commentsButton" href="#"></a> 
    <div class="commentsBox"></div> 
</div> 

Answer 1

$('.commentsButton').on('click', function(e){ 
    e.preventDefault(); 

    $('.box').removeClass('openComments'); 
    $('.commentsBox').empty(); 
    $(this).closest('.box').addClass('openComments') 
      .find('.commentsBox').load('url.com'); 
}); 

Answer 2

매개 변수없이 빈 함수를 호출 한 다음 원하는대로 수행하십시오.

$('.commentsBox').empty(); 
$('.commentsBox').each(function(){ 
     $(this).closest('.box').find('.commentsBox').load('url.com'); 
     $(this).closest('.box').addClass(openComments); 
});