Javascript 使用颜色框加载iFrame

我正在尝试使用onload事件将iFrame加载到colorbox中-看起来应该很简单，但是我得到了错误“内容加载失败”

这是我的密码：

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

$（文档）.ready（函数（）{
$.colorbox（{href:http://www.google.com“，open:true}）；
}); 

---

关于这可能不起作用的原因，你有什么想法吗？

你需要将iframe:true添加到函数调用中

你需要将iframe:true添加到函数调用中

我测试了这个问题，并得出结论，当宽度和高度未设置时，它有一个奇怪的行为，因此我用这种方式解决了这个问题：

JQUERY

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

我对这个问题进行了测试，并得出结论，当宽度和高度未设置时，它有一种奇怪的行为，因此我通过这种方式解决了这个问题：

JQUERY

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

---

您尝试添加iframe:true to the call*facepalm“谢谢！效果非常好。请将其作为回答，以便我可以接受：P.colorbox是我最喜欢的灯箱之一，请定期使用。到目前为止似乎还不错，我相信我还会遇到一些麻烦，但似乎很多人都在使用它。您尝试添加iframe:true to the call*facepalm“谢谢！”！工作得很好。请把它作为一个答案，这样我就可以接受了：P.colorbox是我最喜欢的灯箱之一，经常使用它。到目前为止，它似乎很好，我相信我还会遇到一些麻烦，但似乎有很多人在使用它。谢谢，我发现了相同的设置，但设置宽度和高度解决了问题：）。谢谢，我发现相同，但设置宽度和高度解决了问题：）。