Получить высоту элемента внутри фрейма с JQuery

Question

У меня есть файл, содержащий элемент «IFrame»

<iframe src="test.php" width="100%" id="frameDemo"></iframe> 

и файл test.php, содержащий DIV неизвестной высоты.

<div>some content...</div> 

Я хотел бы создать сценарий Jquery, чтобы получить высоту div внутри iframe.
Я пробовал следующее, но получаю нулевой ответ.

$(document).ready(function() 
{ 
    var mydiv = $("#frameDemo").contents().find("div"); 
    var h = mydiv.height(); 
    alert(h); 
}); 

Может кто-нибудь мне помочь? Заранее спасибо.

Answer 1

Предполагая, что IFRAME находится на том же домене (иначе это не возможно), вы должны ждать фрейма, чтобы загрузить первый:

$(document).ready(function() { 
    $("#frameDemo").on('load', function() { 
     var mydiv = $(this).contents().find("div"); 
     var h  = mydiv.height(); 
     alert(h); 
    }); 
});