アニメーションの高さは、IE

Question

私は私が完璧に動作するいくつかの行を見つけ

新しい内容に応じて/アニメーションを変更する必要がありますjqueryの にdiv要素の高さを使用して、動的にdiv要素の内容を変更していますで動作しませんChrome、Firefox、およびiPhoneで使用できます。 しかし、IEではコンテンツがアニメーション化されますが、 "ボックスの外に出ます"。運なし.. DIV does'nt変更

var $mydiv = $('#venues'); 
$mydiv.css('height', $mydiv.height()); 
$mydiv.html(TheDynamicContent); 
if (!$mydiv.find("div.innerWrapper").length) { $mydiv.wrapInner('<div class="innerWrapper"/>'); } 
$mydiv.animate({height: $('div:first',$mydiv).height()}); 

私は代替/修正を見つけようとして多くのことを検索しましたの高さを意味.. 何をしますか？ ;）

更新：曲线業者は、IEだけが敏感だった余分なdivを生成していたようです。だから、このコードは実際にはOKです。

Answer 1

私のためにうまく動作するように見える（IE10、9、8でテスト、および7）

$("#venues") 
    .css("height", function(){ return $(this).height(); }) 
    .html("This is much longer text to force the element to grow.") 
    .wrapInner("<div/>") 
    .animate({ 
    "height": $("div:first", "#venues").height() 
    }, 1000); 

は、オンラインデモ：http://jsbin.com/inudaz/2/editは

警告：あなたは、発生する可能性があります$を示唆するjsbinのエラーは未定義です。この場合は、例をダウンロードして（jsbinから[保存]> [ダウンロード]を使用して）、ローカルで実行してください。

ソリューション： OPのプロジェクトでは、主要な領域でDOMを修正した予期しない動作をするjQueryプラグインを使用していました。このプラグインを無効にすると問題が解決しました。

Answer 2

遅延を指定してみますか？次

は

$mydiv.animate({height: $('div:first',$mydiv).height()}, 500);