簡體   English   中英

如何將HTML注入iframe,並在jquery-ui對話框中顯示

[英]How to inject html into iframe, and display inside jquery-ui dialog

在這里,我從iframe創建了一個jqueryui對話框,並用一些html填充了iframe。

在firefox中,直到我添加警報之前,它什么都不顯示。 是否有更好的方法說服Firefox繪制iframe?

http://jsfiddle.net/jtmx00f4/6/

function fancyDialog(htm) {
    $('<iframe></iframe>').dialog({
        open: function () {
            //alert('presto!');
            var doc = this.contentDocument || this.contentWindow.document;
            doc.body.innerHTML = htm;
        }
    });
}

fancyDialog('<html><body><p>Hello</p></body></html>');

雖然@dandavis小提琴確實可以在firefox中工作,但我在本文中還找到了一個更完整的解決方案,不需要setTimeout。

http://jsfiddle.net/jtmx00f4/9/

function fancyDialog(htm) {
    $('<iframe></iframe>').dialog({
        open: function () {
            this.contentWindow.contents = htm;
            this.src = 'javascript:window["contents"]';
        }
    });
}

fancyDialog('<html><body><p>Hello</p></body></html>');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM