iframe breaking jquery.contents?

iframe breaking jquery.contents?

本文关键字:contents jquery breaking iframe      更新时间:2023-09-26

所以我正在尝试做一些内部HTML弹出窗口工作,通过在隐藏的div上使用Jquery.contents()在单击时将内容放置在弹出窗口中。

出于某种原因,如果任何div 中有iframe,则 html 中它们之后的所有div 将无法追加。这是某种错误吗?下面是一个示例:

<div class="hide">
    <div id="apps">
        <iframe src="http://ryansaxe.info/javascriptpaint" />
    </div>
    <div id="contact">
        <ol>
            <li>Phone: (111)-111-111</li>
            <li>Email: email@gmail.com</li>
        </ol>
    </div>
    <div id="resume">
        <p>resume</p>
    </div>
</div> 

在上面的例子中,只有#apps的内容读取,因为它有一个 iframe,之后的所有内容都不会读取。如果带有 #apps id 的div是最后一个,那么每个都将通过 Jquery.content(( 具有可读内容

杰斯菲德尔

注意:

这是我的查询

$('.open').click(function(){
    var name = $(this).attr("name");
    var selector = $(name);
    var cont = selector.contents();
    $('#pop').append(cont.clone());
});
$('.close').click(function(){
    $('#pop').empty();
});

与脚本一样,不能将/>语法与 iframe 一起使用。 显式写出</iframe>

<iframe src="http://ryansaxe.info/javascriptpaint"></iframe>