2016-04-12 29 views
1

Bir iframe yüksekliğini srcdoc'tan html kullanarak yeniden boyutlandırmak istiyorum ve iframe-resizer kitaplığını kullanmayı seçtim. Ancak iframe hiçbir zaman yeniden boyutlandırılmaz ve geri çağrılar asla çağrılmaz.iframe-resizer, srcdoc html ile iframe yeniden boyutlandırılamaz

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

Kemanınız da dahil olmak üzere örnek kodunuz gerçekten aşağılıktır. Sorun yaşadığın belli değil. –

+0

iframe'imin yüksekliğini içerideki içeriğe uyarlamayı istiyorum, kemanımda 'TEST' paragrah – Drakkin

cevap

2

Sen srcdoc içinde iframeResizer.contentWindow.js dosyaya bağlantı olması gerekir.

+0

'a uyması gerekir. Bu benim için yaptı, işte benim jsfiddle: [burada] (https://jsfiddle.net/Drakkin/j6aL2x81/4/) – Drakkin