jquery - 在 jQuery 中创建 iframe 再次询问

Question

如何在 jQuery 中创建 iframe 标签并将其设置为仅某些 div 的内容？

如果目标 div 有一些内容，请将其替换并放入动态创建的 iframe 标记。

这是我尝试过的：

        $(".someClass").click(function(){

             var $iframe = $('<iframe allowfullscreen  ></iframe>', {
                'width': 650,
                'height': 580,              
                'src': someUrl
             });
             $('#someId').html($iframe);

        });

此代码实际上将 iframe 添加到 div 但 iframe 缺少 src 属性。这段代码有什么问题？

谢谢。

Answer 1

这对我有用：

$('<iframe />', {
    name: 'myFrame',
    id:   'myFrame',
    src: 'http://www.google.com/'
}).appendTo('div');

在线演示（由于对 jsfiddle 的一些限制（我猜）不加载 google，但你可以看到 iframe 上有 src 属性）

希望能帮助到你！

编辑

var myFrame = $('<iframe />', { name: 'myFrame', id:   'myFrame', src: 'http://www.google.com/' });
$('div').html(myFrame);

使用 HTML() 的在线演示

Answer 2

将 ID 添加到 iframe 并执行

$('iframeID').attr('src','linktomysourcelocation');

现在您创建了元素，上面的代码添加了 source 属性。