iframe打破jquery.contents？

Question

所以我尝试做一些内部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，之后的所有内容都不会读取。如果具有div id的#apps是最后一个，那么每一个都将通过Jquery.contents（）

具有可读内容

Jsfiddle

注意：

这是我的jquery

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

Answer 1

与脚本一样，您不能将/>语法与iframe一起使用。明确写出</iframe>：

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