如何在div中动态插入iframe

如何使用jQuery在div中动态插入iframe?

$(document).ready(function() { $("div").html(""); }); 

我尝试了上面的代码,但它不起作用。

你有什么作品: http : //jsfiddle.net/cUSVj/

虽然记住,如果它不在同一个域中,那么在创建它之后就无法做很多事情,这是因为每个同源策略都存在限制 。

编辑:我正在关闭标记,认为它是一个粘贴错误,你确实错过了结束标记中的/ …这将取决于浏览器的慷慨程度。 确保正确关闭它以使您的HTML有效,否则您将遇到跨浏览器问题, 如果它可以开始使用。

你没有关闭iframe标签

  

我已经像这样使用它并且效果很好;-)

 $(".div").html(""); $(".div").css("display","block"); 

实际的jquery代码看起来很好,你可能没有正确引用div,即

 #div - would be an element with the id "div" .div - would be an element with the class "div" 
       

An IFrame should appear here

是。 它工作正常。

点击此处: http : //jsbin.com/arolo3/2/edit

您应该关闭iframe代码。 这可能是个问题。

它工作,我只是测试它,你可能需要的是给jquery你要插入iframe的div的id /类

例如。 (ID)

 $("#myDiv").html(""); 

例如。 (类)

 $(".myDiv").html("");