如何使用jQuery創建iframe，並在頁面上顯示？

$(document).ready(function(){ 
    $('#button').click(function(){ 
     $('.accordion').load('<iframe src="google.com' frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
    }); 
});

這無法顯示google.com的iframe。任何人都可以提供有關如何修復它的建議嗎？如何使用jQuery創建iframe，並在頁面上顯示？

來源

2011-11-18 Hai Truong IT

它顯然不工作 - 閱讀jQuery的'加載'功能的文檔。除此之外，您在代碼中引用了問題。 – ThiefMaster

圍繞iframe src的代碼中存在語法錯誤。（「google.com」 - 以雙引號開頭，以單引號結尾） –

僅供參考：不能iframe google這種方式 – happy

jQuery的load function不使用這種方式。它將URL作爲參數，並加載來自該URL的響應。

如果你想創建一個iframe的DOM元素，使用jQuery功能來做到這一點，它附加在您想要：

$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>') 
    .appendTo('.accordion');

或

$('<iframe>', { 
    src: 'http://google.com', 
    id: 'myFrame', 
    frameborder: 0, 
    scrolling: 'no' 
    }).appendTo('.accordion');

來源

2011-11-18 08:41:50

2錯誤。

使用完整路徑（不知道這是必要的）
用雙引號密切google.com。（'。accordion'）。load（'< iframe src =「http://www.google.com」frameborder =「0」scrolling =「no」id =「myFrame」>'）;

（忽略iframe標籤的空間）

來源

2011-11-18 08:41:47

如果.accordion是一個容器對於您的iframe，請嘗試以下代碼：

$(document).ready(function(){ 
$('#button').click(function(){ 
    $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
});

}）;

並修復引用語法:)

來源

2011-11-18 08:43:16 kamil

如何使用jQuery創建iframe，並在頁面上顯示？

回答

相關問題