2016-04-12 34 views
1

我想使用srcdoc中的html來調整iframe的高度,我選擇使用iframe-resizer庫。 但iframe不會調整大小,回調也不會調用。iframe-resizer not resize iframe with srcdoc html

HTML:

<iframe scrolling="no" class="preview-iframe" id="iframe3" srcdoc="<html><head></head><body><p>TEST</p> 
</body></html>"></iframe> 

JS:

$('iframe#iframe3').iFrameResize({ 
    heightCalculationMethod: 'bodyScroll', 
    log: true, 
    resizedCallback: function() { 
    console.log('resize'); 
    }, 
    initCallback: function() { 
    console.log('init'); 
    }, 
}); 

Here is my jsfiddle

+0

你的示例代碼,包括你的小提琴,真的被愚弄了。目前還不清楚你有什麼問題。 –

+0

我想我的iframe的高度適應它的內容,在我的小提琴它應該適應高度'測試'paragrah – Drakkin

回答

2

您srcdoc需要有一個鏈接到它的iframeResizer.contentWindow.js文件。

+0

謝謝你爲我做的,這裏是我的工作jsfiddle:[here](https:/ /jsfiddle.net/Drakkin/j6aL2x81/4/) – Drakkin