jquery - outerHeight(true) が間違った値を与える

Question

マージンとパディングを含むコンテナー要素の高さが必要です。

Chrome 開発ツールの要素にカーソルを合わせると、探している値が得られますが、 jQuery を使用すると$('element').outerHeight(true); 私ははるかに小さい値を取得します。

要素には jQuery カルーセルが含まれています (position:relativeおよび itemsのコンテナー内position: absolute)。これは何か関係があるのでしょうか?

前もって感謝します

score 9 · Accepted Answer

私も同じ問題を抱えていました。setTimeoutを使用して少し待つことで、Chrome で正しい高さを取得します。

    setTimeout ( function () {
        var ht = $('.my-class').outerHeight( true );
    }, 1);

それが役立つことを願っています！

score 6 · Accepted Answer

私は同じ問題に遭遇しました。

console.log経由のFirefoxのouterheight: 430 console.log経由のChromeのouterheight: 477

実際のアウターハイト (firebug レイアウト): 820

Firebug を開くかステータスバーを削除すると、console.log に正しい値 (820) が設定されます (したがって、コードは正常に機能します)。

問題は画像が原因でした。ドキュメントの準備ができている状態で実行していても、すべての画像がまだ読み込まれていない可能性があるため、計算が間違っています。

desandro のプラグインを使用していますが、問題は解決しました。 https://github.com/desandro/imagesloaded

score 4 · Accepted Answer

私はあなたが必要かもしれないと思う

.outerHeight({margin: true});

ここに従って：

マージンを true に設定してオプションマップを渡すことで、マージンを含めることができます。

score 0 · Accepted Answer

docsによると、outerHeight次の場合は正確であるとは限りません。

score 0 · Accepted Answer

これらのソリューションをすべて試しました。最後にインスペクタを開いて、pまだmargin-top. いつもありがとうノーマライズ...

11 に答える 11