javascript - onLoad iFrame 与 Colorbox

Question

我正在尝试使用 onload 事件将 iFrame 加载到 colorbox - 看起来应该很简单，但我收到错误“内容无法加载”

这是我的代码：

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $.colorbox({href:"http://www.google.com", open: true});
    }); 
</script> 

关于为什么这可能不起作用的任何想法？

Answer 1

您需要在函数调用中添加 iframe: true

Answer 2

我做了这个 Fiddle来测试这个问题，并得出结论，当宽度和高度没有设置时，它有一个奇怪的行为，所以我确实解决了这个问题：

查询

$(document).ready(function(){
  $.colorbox({
    iframe      : true,
    innerWidth  : 425,
    innerHeight : 344,
    href        : "http://www.youtube.com/embed/617ANIA5Rqs?rel=0&wmode=transparent"
  });
});