-2

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 属性がありません。このコードの何が問題なのですか?

ありがとう。

4

2 に答える 2

3

This is working for me:

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

ONLINE DEMO (doesn't load google because of some restrictions on jsfiddle (I guess) but you can see that there's src attribute on the iframe)

Hope it helps!

Edit

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

ONLINE DEMO USING HTML()

于 2012-07-23T20:42:49.327 に答える
0

iframe に ID を追加して行う

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

ここで要素を作成し、上記のコードで source 属性を追加します。

于 2012-07-23T20:36:23.140 に答える