Get chiều cao của yếu tố bên trong iframe với jQuery

Question

Tôi có một tập tin có chứa một "iframe" yếu tố

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

và test.php tập tin chứa một div chiều cao chưa biết.

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

Tôi muốn tạo tập lệnh Jquery để lấy chiều cao của div bên trong khung nội tuyến.
Tôi đã thử những điều sau nhưng tôi nhận được phản hồi không có giá trị.

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

Ai cũng có thể giúp tôi được không? Cảm ơn trước.

Answer 1

Giả sử các iframe là trên cùng một tên miền (nếu không nó không thể), bạn nên chờ cho iframe để nạp đầu tiên:

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