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插件不支持這個版本。目前該版本是官方主要更新維護的版本。