jquery控制iframe根据内容高度自动调整问题。

1、问题描述

$(function() {

    $("#JmenuFrame").load(function() {

        var height = $(this).contents().find("body").height() + 40;

        $(this).height(height < 500 ? 500 : height);

  });

});

该段代码实现 jquery控制iframe高度，根据内容自动调整iframe高度

 然而问题出现了：该段代码在

1）使用jquery 2.x可以实现高度的自适应。

2）使用jquery3.x无法实现高度自适应，浏览器调试模式出现如下错误。

2、问题原因：

1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4
2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4
3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。