2014-04-02 72 views
0
<div id="fancybox-content" style="height:200px;"> 
    <iframe id="fancybox-frame"> 
     <html> 
      <head></head> 
      <body> 
       <div class="inner-div"><p class="click-here">Button</p></div> 
      </body> 
     </html> 
    </iframe> 
</div> 

最初div#fancybox-content的高度是200px,但點擊按鈕時,div.inner-div的高度會增加。 所以我想增加div#fancybox-content的高度。如何使用jquery從iframe標籤的內部元素訪問iframe標籤的外部元素

那麼我該如何實現使用JQuery?

回答

0

IFrame與外部頁面在同一個域中嗎?如果沒有,你必須使用消息發佈來做到這一點。

例如在外部窗口:

myIframe.contentWindow.postMessage('hello', '*'); 

和在iframe:

window.onmessage = function(e){ 
    if (e.data == 'hello') { 
     alert('It works!'); 
    } 
} 

this answer

+0

兩者都處於相同的域。 –