使用jquery在按钮上单击创建iframe？

Question

我有以下代码

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

但是当我点击按钮时，似乎没有任何事情发生

Answer 1

确保将此代码放在document.ready中：

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

Live demo

Answer 2

代码正常工作。该错误可能是代码中的其他地方。

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

Answer 3

确保您不要反复打开相同的iframe。检查它是否存在！

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

Answer 4

在点击按钮之前非常简单，清除你的div innerhtml iframe位于哪里

喜欢这个document.getElementById（“mapdive”）。innerHTML =“”;