Question

我正在制作一个日历/时间表，要求中断跨越包含事件的整个高度。以下代码在FF / Chrome和IE中运行良好。在Firefox中通过iFrame加载内容时出现问题，高度始终设置为零。只有在重新加载iFrame时，页面才会正确显示。

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

我正在为FF寻找一致的解决方案或解决方法，以便在首次加载iFrame时正确应用高度。

提前致谢。

Answer 1

方式1：用div得到你的iframe：float：left;并在fireforx上计算div的高度。

尝试计算这个div的高度，而不是iframe的..

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

.load() usage

way2：

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

当内容显示在FireFox中的iFrame中时，jQuery高度问题

1 个答案: