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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章