jQuery在Firefox中報告不正確的元素高度iframe

這裏有一個簡短的測試來演示我的問題。我有一個加載的iframe頁面：jQuery在Firefox中報告不正確的元素高度iframe

<html> 
    <head> 
     <title></title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 
    </head> 
    <body> 
     <iframe id="iframe" src="box.html" style="width: 100px; height: 100px"></iframe> 
     <script> 
      $('#iframe').bind('load', function() { 
       var div = $(this).contents().find('div'); 
       alert(div.height()); 
       alert(div.innerHeight()); 
       alert(div.outerHeight()); 
       alert(div.outerHeight(true)); 
      }); 
     </script> 
    </body> 
</html>

的IFRAME（box.html）包含一個單獨的樣式的div：

<html> 
    <head> 
     <title></title> 
     <style> 
      div { 
       height: 50px; 
       width: 50px; 
       margin: 5px; 
       padding: 5px; 
       border: 2px solid #00f; 
       background-color: #f00; 
      } 
     </style> 
    </head> 
    <body> 
     <div></div> 
    </body> 
</html>

四個警報應該分別返回50，60，64和74，。這在Safari和Chrome中按預期工作。在FF 3.5.1中，它們都返回64.這是錯誤的。

有誰知道我可以如何強制FF/jQuery返回正確的值？

來源

2009-08-03 Augustus

試試這個：

var div = $(this).contents().find("html");

來源

2012-02-27 17:02:25 Downpour046

jQuery在Firefox中報告不正確的元素高度iframe

回答

相關問題