Как изменить размер iFrame через jQuery?

Question

Я пытался настроить размер iFrame на основе его содержимого, используя информацию от here. Демоверсия находится here.

Я использую следующие:

$("#IframeId").load(function() { 
    $(this).height($(this).contents().find("body").height()); 
}); 

ли .find("body") проверка «тела» в разделе заголовка внутреннего содержимого Iframe? Я вижу это на странице размещения.

Я также добавил следующее выше код:

alert($(this).height($(this).contents().find("body").height())); 

Я не вижу тревогу.

Answer 1

Я думаю, вам нужно попытаться найти высоту определенного элемента в источнике IFrame, а не сам тег html, так как он не имеет указанной высоты. Вот рабочий пример:

$("#IframeId").load(function() { 
    $(this).height($(this).contents().find("#box").height()); //box can be changed to the id of the element you want 
}); 

Если у вас есть контейнер DIV, который имеет ширину вы хотите, чтобы Iframe быть, вы можете использовать свой идентификатор, а поле. (Примечание: поле было идентификатором основного элемента в this Пример JsFiddle.)