javascript - 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，之后的所有内容都不会读取。如果带有 #apps id 的 div 位于最后，则每个单独的 div 都将通过 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 s。明确写出</iframe> :

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