2016-04-12 11 views
1

srcdocからhtmlを使用してiframeの高さのサイズを変更したい場合、iframe-resizerライブラリを使用することを選択しました。 しかし、iframeのサイズは変更されず、コールバックは決して呼び出されません。iframe-resizerはsrcdocでiframeのサイズを変更しません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の高さをその中のコンテンツに適応させたい、私のフィドルでは 'TEST'パラグラフに適応する必要があります – Drakkin

答えて

2

あなたのsrcdocはそれでiframeResizer.contentWindow.jsファイルへのリンクを持っている必要があります。

+0

ありがとう、それは私のためにやった、ここに私の仕事jsfiddleです:[ここ](https:///jsfiddle.net/Drakkin/j6aL2x81/4/) – Drakkin

関連する問題