0

含まれているイベントの高さ全体にまたがる休憩が必要なカレンダー/スケジュールに取り組んでいます。以下のコードはFF/ChromeとIEでうまく機能します。この問題は、FirefoxのiFrameを介してコンテンツをロードするときに発生し、高さは常にゼロに設定されます。このページは、iFrameがリロードされたときにのみ正しく表示されます。

こちらがデモです

$(window).load(function () {
    $(".event").each(function () {
        var height = $(this).height();
        $(".note, .break").each(function () {
            $(this).height(height);
        });
    });
})

iFrameの最初のロードで高さが正しく適用されるように、FFの一貫した解決策または回避策を探しています。

前もって感謝します。

4

1 に答える 1

0

方法 1: iframe を div got float:left; でラップします。fireforxでdivの高さを計算します。

iframe ではなく、この div の高さを計算してみてください。

<div style="float:left">
    <iframe></iframe>
</div>

.load() の使用法

方法 2:

$(document).ready(function () {//if u wont define more specific element, use docment ready
    $(".event").each(function () {
        var height = $(this).height();
        $(".note, .break").each(function () {
            $(this).css('height':height+'px');//to change css height
            //$(this).attr('height',height);//to change inline attr height
        });
    });
})
于 2012-07-10T12:09:40.003 に答える