Question

我有一个奇怪的问题。我在页面上创建了一个iframe，现在想把它放在两个不同的持有者中：

 var iFrame = $('[data-id="loginWindowIframe"]');

    //put the iframe in first holder
    $('#loginWindow').html(iFrame);

    //put the iframe to the second holder
    $('[data-id="loginWindow"]').html(iFrame);

问题在于iframe正从第一个支架中完全移除，当我将其添加到第二个支架时。好像我只能在页面上只有一个iframe具有相同属性的实例...

我做错了什么？

Answer 1

你只是移动它。克隆它

var $iFrame = $('[data-id="loginWindowIframe"]');

//put the iframe in first holder
$('#loginWindow').empty().append($iFrame);

//put a clone of the iframe to the second holder
$('[data-id="loginWindow"]').empty().append($iFrame.clone());

请注意我已使用$iFrame代替iFrame。这纯粹是为了便于阅读 - 它表示它拥有一个jQuery对象。

页面上两个地方的iframe相同？

1 个答案: