変数に高さを設定できない

私はフッタにこれを持っているので、すべてのコンテンツが読み込まれます。アラートは正しい結果を示しますが、同じvarを# 'コンテナの高さに適用すると作業はできません。

$(document).ready(function() {
    var original_height = $("#container").height();
    var newDistance = $(".detta .content").outerHeight(true);
    var total = original_height + newDistance;
    alert(total);
    $(".detta .box").animate({top: newDistance});
    $("#container").height(total);
});

コンテナはCSS内の任意の設定された高さを持っていません。

私は間違って何をしていますか?

0
それは必要ではありませんか?それはすべての内容の後にフッターにありますか..それはまだそれを必要としますか?
追加された 著者 rob.m,
ただ試してみましたが、何も変わりません。私は理解していない、screngrabは、フォトショップで高さ419を与えるが、警告589は、それを取得しないでください
追加された 著者 rob.m,
それは実際に画像とビデオをvimeoからロードしています... .readyを使用して質問を更新しました。同じ結果を得ます。
追加された 著者 rob.m,
はい、それは高さを適用していないようなものです、実際の例を確認すると、赤い枠がコンテナですか、参照してください?実際には新しい高さを得ているわけではありません。私はコード内に割り当てており、ボックスをカットしています。(上記のコードはフッターにあります) robertomarras.com/wptest/directors-4/regista/marco-missano
追加された 著者 rob.m,
私自身のクエストに答えました、ありがとう
追加された 著者 rob.m,
@ rob.m "正確に"結果 "は何ですか?そのコードが実行された後、Firebugやその他のデバッガで要素をチェックして、効果的なスタイル設定が何であるか確認しますか?
追加された 著者 Pointy,
$(function(){...}); 準備関数にコードをラップしようとしましたか?
追加された 著者 Guillaume Cisco,
コンテナがイメージを読み込んでいるかどうかなどによって異なります。
追加された 著者 Guillaume Cisco,

2 答え

 $(function() {
    var original_height = $("#container").height();
    var newDistance = $(".detta .content").outerHeight(true);
    var total = original_height + newDistance;
    $(".detta .box").animate({top: newDistance}, function(){
        $("#container").height(total);
    });
 });

ビンゴ!新しいコンテナの高さがトリガされなければならなかったので、ボックスアニメーションが発生した後にそれを適用するだけです

0
追加された

代わりに、これは:

 $("#container").height(total);

これを試して :

 $("#container").css("height",total); 

がんばろう !

0
追加された
ありがとう..運がない
追加された 著者 rob.m,
これは全く差がないはずです。
追加された 著者 Pointy,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript