Question

我已经看过其他几个关于这个问题的线索，但我无法找到解决问题的方法。

我的代码：

$(window).load(function() {
    $('iframe').each(function() {
        $(this).height( $(this).contents().find("html").height() );
    });
});

说明：在窗口加载时，我循环浏览页面上的每个iframe，并根据内容设置高度。

这完全适用于jsfiddle，但不适用于我的网页。可能有什么我错过了吗？

不跨域。 iframe parent和iframe在同一个域上 definetly 。

我有一个想法：

我使用了一个添加 - 这个facebook图标，它通过iframe包含在内。我在firebug中收到关于＆＃34; Permission denied ...＆＃34;（跨域）的错误。这可能会阻止其他iframe调整大小吗？

问候。

Answer 1

好的，我的想法是正确的，＆＃34;权限被拒绝......＆＃34; （跨域）阻止其他代码工作，它像PHP致命错误。所以我只使用find()方法来获取我想要的iframe并调整其大小。

效果很好！

我的代码

$(window).load(function() {
        $(".tx-smileiframe-pi1").find("iframe").each(function() {
            $(this).height( $(this).contents().find(".iframe").height() );
        });
    });

根据内容动态调整iframe高度

1 个答案: