iframe-resizer nicht resize iframe mit srcdoc html

Ich möchte die Höhe eines iframe mit HTML von srcdoc ändern und ich wählte die iframe-resizer Bibliothek. Aber der Iframe ändert nie die Größe und Rückrufe werden niemals aufgerufen.iframe-resizer nicht resize iframe mit 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

Quelle

2016-04-12 Drakkin

Ihr Beispielcode, einschließlich Ihrer Fidel, ist wirklich verdummt. Es ist unklar, wo Sie Probleme haben. –

Ich möchte die Höhe meines iframe anpassen an den Inhalt darin, in meiner Geige sollte es die Höhe an die "TEST" Paragrah anpassen – Drakkin

Sie srcdoc muss darin einen Link auf die Datei iframeResizer.contentWindow.js haben.

Quelle

2016-04-12 22:39:21

Danke, dass es für mich getan hat, hier ist meine Arbeit jsfiddle: [hier] (https://jsfiddle.net/Drakkin/j6aL2x81/4/) – Drakkin

iframe-resizer nicht resize iframe mit srcdoc html

Antwort

Verwandte Themen