Jquery can'；t将动态内容设置为iframe（fancybox onComplete）_Jquery_Iframe_Fancybox

Jquery can'；t将动态内容设置为iframe（fancybox onComplete）

jquery iframe

Jquery can'；t将动态内容设置为iframe（fancybox onComplete）,jquery,iframe,fancybox,Jquery,Iframe,Fancybox,无法将动态内容设置为在fancybox的onComplete方法内动态创建的iframe。静态iframe也是如此。如何在运行时将动态内容设置为iframe $(document).ready(function() { $("a").fancybox({ 'titleShow': false, 'autoScale': true, 'hideOnOverlayClick': false, 'centerOnScroll':

无法将动态内容设置为在fancybox的onComplete方法内动态创建的iframe。静态iframe也是如此。如何在运行时将动态内容设置为iframe

$(document).ready(function() {
    $("a").fancybox({
        'titleShow': false,
        'autoScale': true,
        'hideOnOverlayClick': false,
        'centerOnScroll': true,
        'scrolling': 'no',
        'content': $('div#content').html(),
        'onComplete': function() {
            //method #1
            $('<iframe id="testiframe" src="about:blank" style="border: 0px;"/>').load(function() {
                $('#testiframe').contents().find('body').append('test').width("100%");
            }).appendTo('div#iframe');

            //method #2
            $('<iframe id="testiframe"/>').appendTo('div#iframe').attr("style", "border: 0px;");
            $('#testiframe').contents().find('body').append('test');

            var iframe = document.getElementById('testiframe');
            if (iframe) {
                iframe.width = "100%";
                iframe.height = "";
                iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
            }

            //method #3
            $('#testiframe3').contents().find('body').append('test').width("100%");
        }
    });
});

$（文档）.ready（函数（）{
$（“a”）.fancybox({
“标题秀”：假，
“自动缩放”：正确，
“HideOnOvercyclick”：false，
“centerOnScroll”：正确，
“滚动”：“否”，
'content'：$（'div#content'）.html（），
“onComplete”：函数（）{
//方法#1
$（''）.load（函数（）{
$（'#testiframe'）.contents（）.find（'body'）.append（'test'）.width（“100%”）；
}).appendTo（'div#iframe'）；
//方法#2
$（“”）.appendTo（'div#iframe'）.attr（“样式”，“边框：0px；”）；
$（'#testiframe'）.contents（）.find（'body'）.append（'test'）；
var iframe=document.getElementById（'testiframe'）；
if（iframe）{
iframe.width=“100%”；
iframe.height=“”；
iframe.height=iframe.contentWindow.document.body.scrollHeight+“px”；
}
//方法#3
$（'#testiframe3'）.contents（）.find（'body'）.append（'test'）.width（“100%”）；
}
});
});

也许我当时正试图在iframe中添加一个文本，但为时已晚，无法对其进行任何更改，但我能够使其工作如下：

$(document).ready(function() {
    $("a").fancybox({
        'titleShow': false,
        'autoScale': true,
        'hideOnOverlayClick': false,
        'centerOnScroll': true,
        'scrolling': 'no',
        'content': function() {
            return $('div#content').html() + '<iframe id="iframeTemplate" frameborder="0" vspace="0" hspace="0" src="about:blank"></iframe>';
        },
        'onComplete': function() {
            var iframeElem = document.getElementById('iframeTemplate');
            var iframeDoc = (iframeElem.contentWindow.document || iframeElem.contentDocument); iframeDoc.open();
            iframeDoc.write('<html><head><title></title><b>test</b></body></html>');
            iframeDoc.close();
        }
    });
});

$（文档）.ready（函数（）{
$（“a”）.fancybox({
“标题秀”：假，
“自动缩放”：正确，
“HideOnOvercyclick”：false，
“centerOnScroll”：正确，
“滚动”：“否”，
“内容”：函数（）{
返回$（'div#content'）.html（）+''；
},
“onComplete”：函数（）{
var iframelem=document.getElementById（'iframeTemplate'）；
var iframeDoc=（iframelem.contentWindow.document | | iframelem.contentDocument）；iframeDoc.open（）；
iframeDoc.write（'test'）；
iframeDoc.close（）；
}
});
});