2012-07-23 62 views
-2

如何在jQuery中創建iframe標記並將其設置爲僅某些div的內容?在jQuery中創建iframe再次詢問

如果目標div有一些內容,請替換它並放入動態創建的iframe標記。

這是我曾嘗試:

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

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

     }); 

此代碼實際上增加的iframe到div,但在iframe缺少SRC屬性附加傷害。 這段代碼有什麼問題?

謝謝。

+4

爲什麼你要問[再同一個問題(http://stackoverflow.com/questions/11613904/create-iframe-in-jquery)與你已經接受了你的其他問題的答案後,相同的代碼? – MrOBrian 2012-07-23 20:37:57

+0

另一個問題被編輯,我添加了一個評論,現在事情已經改變,我需要解決iframe。但沒有人看到這個問題。因此,我再次需要你的關注。 – eomeroff 2012-07-23 20:41:28

+2

如果您想更多關注您的問題,請對其進行編輯。如果您的問題沒有得到解答,您爲什麼將答案標記爲正確答案?這是立即關注您的問題的一種方式。 – 2012-07-23 21:01:21

回答

0

添加一個ID爲iframe和做

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

現在你創建元素和上面的代碼添加源屬性。

1

這是爲我工作:

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

ONLINE DEMO(不加載谷歌bcuz上的jsfiddle(我猜的)一些限制,但你可以看到有src屬性上的iframe)

希望能幫助到你!

編輯

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

ONLINE DEMO USING HTML()

+0

你可以用.html()來嘗試嗎?非常感謝。 – eomeroff 2012-07-23 20:50:28

+0

它很好用!看看我的編輯... >順便說一句,我真的不明白爲什麼我得到了一個downvote ... – silentw 2012-07-23 21:00:44

+0

@sonOfOmer你可以用html來做,但它沒有任何意義。你最好使用.append,因爲在這種情況下,這就是.html()中真正發生的事情。您正在追加一個元素,而不是插入html。 – 2012-07-23 21:03:06