jquery - 如何使用jQuery创建iframe并显示在页面上？

Question

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

这无法显示 google.com 的 iframe。任何人都可以提供有关如何修复它的建议吗？

Answer 1

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');