如何使用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，并在页面上显示？

回答

相关问题