withLoad 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

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

JQUERY

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