jquery - AJAXによって設定された動的要素の高さ

Question

私はリストを折りたたんでいます。 Ajaxが成功すると、リストが自動的に展開されます。

私はその拡張リストの高さを取得しようとしています...失敗しています。

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(); 
    }