jquery - AJAX 성공으로 설정된 동적 요소 높이

Question

나는 붕괴 된 목록이 있습니다. Ajax 성공시 list 자동 확장.

확장 된 목록의 높이를 얻으려고합니다 ... 실패했습니다.

Ajax는 목록에 동적 요소를 추가하므로 높이가 변경됩니다.

 
$('form').submit(function() { 

    $.ajax({ 
     type: "POST", 
     url: "ajax/ajax.php", 
     data: {data:JSON.stringify(data)}, 
     dataType: "json", 
     success: function(x) { 

      $('#slider' + x.id).children('ul,li').slideDown("slow"); 

      //this does not return expected height (outerHeight() also tried) 
      var t = $('#slider_' + x.id).height(); 
     } 
    }); 

    return false; 
}); 

Answer 1

나는 slideDown 애니메이션을 가정하고있어 그 시간을 소요하고 당신이 이미 변경 높이를 얻기 위해 시도했습니다 때 여기

코드를 제거합니다.

당신은 애니메이션에 대한 콜백을 사용하고, 애니메이션이 끝난 후 높이를 얻을 수 :

$('#slider' + x.id).children('ul,li').slideDown("slow", function() 
    { 
    //this executes AFTER the animation is complete. 
    var t = $('#slider_' + x.id).height(); 
    }