用jquery按钮单击按钮创建一个iframe？

我有以下代码用jquery按钮单击按钮创建一个iframe？

var url = "url"; 
$('<iframe />', { 
    name: 'frame', 
    id: 'frame', 
    src: url 
}).appendTo('body');

但是当我按一下按钮，好像没有什么改变

来源

2011-03-14 BRampersad

确保您不会一次又一次地打开相同的iframe中。检查它是否存在！

$('#button').click(function() { 
    if($('#myIframe').size() == 0) { 
     $('<iframe id="myIframe" src="http://stackoverflow.com"></iframe>'); 
    } 
});

来源

2011-03-14 22:22:52 rsplak

我想我知道问题可能是什么。该按钮是一个提交按钮，有没有办法让页面等到iframe加载，然后继续提交？ – BRampersad

不幸的是，从最后一次WebKit更新开始，document.write（）已被弃用，并且没有用于加载iframe的回调。幸运的是，辉煌的用户已经想出了这一点：http://stackoverflow.com/questions/164085/javascript-callback-when-iframe-is-finished-loading – rsplak

我使用的iframe代码本身，而不将其连接到按钮，它确实工作，所以我知道问题是与提交按钮。 – BRampersad

确保你把这个代码的的document.ready：

$(function() { 
    $('#someButtonId').click(function() { 
     var url = "url"; 
     $('<iframe />', { 
      name: 'frame', 
      id: 'frame', 
      src: url 
     }).appendTo('body');  
    }); 
    return false; 
});

Live demo。

来源

2011-03-14 22:20:35

我想我知道问题可能是什么。该按钮是一个提交按钮，有没有办法让页面等到iframe加载，然后继续提交？ – BRampersad

该代码正常工作，因为它是现在。该错误可能在代码中的其他地方。

http://jsfiddle.net/qrDnH/1/

来源

2011-03-14 22:21:38

它非常简单的前点击按钮来清除您的div的innerHTML其中的iframe位于

这样的document.getElementById（ “mapdive”）的innerHTML = “”;

来源

2014-04-25 09:08:07 Azeem