Php ColorBox iframe-在服务器上找不到请求的url/undefined

我一直在尝试将最新的jquery插件添加到我正在构建的站点中，每次我尝试在ifrae弹出窗口中加载url时，我都会在iframe中显示以下消息（框架本身生成得非常完美-无法插入内容）：

我已经尝试过使用本地链接（例如info_page.php）和外部链接（例如）。我不明白为什么它没有加载，因为我的代码几乎是直接从colorBox示例中提取的

我的html（在头部）是：

$（文档）.ready（函数（）{
//如何将ColorBox事件指定给元素的示例
$（“.group1”）.colorbox（{rel:'group1'}）；
$（“.group2”）.colorbox（{rel:'group2'，transition:'fade'}）；
$（“.group3”）.colorbox（{rel:'group3'，transition:'none'，width:'75%'，height:'75%}）；
$（“.group4”）.colorbox（{rel:'group4'，slideshow:true}）；
$（“.ajax”）.colorbox（）；
$（“.youtube”）.colorbox（{iframe:true，innerWidth:425，innerHeight:344}）；
$（“.iframe”）.colorbox（{iframe:true，'href'：$（this.attr（'href'），宽度：“80%”，高度：“80%”）；
$（“.inline”）.colorbox（{inline:true，宽度：“50%”）；
$（“.callbacks”）.colorbox({
onOpen:function（）{alert（'onOpen:colorbox即将打开'）；}，
onLoad:function（）{alert（'onLoad:colorbox已开始加载目标内容'）；}，
onComplete:function（）{alert（'onComplete:colorbox已显示加载的内容'）；}，
onCleanup:function（）{alert（'onCleanup:colorbox已开始关闭过程'）；}，
onClosed:function（）{alert（'onClosed:colorbox已完全关闭'）；}
});
//为内联调用保留JavaScript事件的示例。
$（“#单击”）。单击（函数（）{
$（'#click'）.css（{“背景色”：“#f00”，“颜色”：“#fff”，“光标”：“继承”}）；
返回false；
});
});

我用来生成这个的身体链接是：

    <a class="iframe" href="http://google.com/">Test</a>

javascript文件和css文件与colorBox网站上的文件相比，我没有改变。如果需要更多信息，请告诉我，任何帮助都将不胜感激

（注意：我目前正在本地运行该网站）

---

您使用的浏览器是什么

ColorBox使用ajax动态加载内容，许多浏览器将此操作作为安全策略的实现加以阻止。在本地开发有时会无意中导致被禁止的情况

需要考虑的事项：

您是否在所有浏览器中都看到这种行为？ 你能在真正的远程服务器上安装这个项目吗

---

注：抱歉，这不是真正意义上的“回答”…

嗨，凯文，谢谢你的回答。我使用的是最新的Chrome浏览器，并且已经在Firefox上进行了测试——这两款浏览器都有相同的问题。我现在没有可以上传到的web主机，但其他在本地进行的Ajax调用似乎都能正常工作。这很奇怪-我就是搞不懂。嘿，Josh，你的代码在Chrome 16.0.912.blah blah和FFox 7.0.1上对我来说非常适合，在以下情况下：（a）href指向本地文件，（b）href指向使用完整格式的外部链接（==http://www.bing.com==）。难道就这么简单吗？注意，我只使用了语句$（“.iframe”）.colorbox。。。在我的测试中，可能在演示代码的其他地方有冲突。（如果你不需要它，就把它注释掉…）对不起，上面引用的Bing的URL太乱了；我无法击败它，所以它的自动格式化。重点是将URL引用更改为更完全限定的格式。谢谢Kevin。我很想说的是，到底是什么起了作用，还是什么没起作用，但基本上，我只是从头开始重新安装了整个代码（比如，去掉所有的colorbox引用，然后重新添加它们），然后它就起作用了。如果有人有同样的问题，我会道歉——我无法找出确切的原因，但这为我解决了问题。

    <!--COLORBOX-->
    
    <link rel="stylesheet" href="css/colorbox.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="javascript/jquery.colorbox.js"></script>
    <script>
        $(document).ready(function(){
            //Examples of how to assign the ColorBox event to elements
            $(".group1").colorbox({rel:'group1'});
            $(".group2").colorbox({rel:'group2', transition:"fade"});
            $(".group3").colorbox({rel:'group3', transition:"none", width:"75%",     height:"75%"});
            $(".group4").colorbox({rel:'group4', slideshow:true});
            $(".ajax").colorbox();
            $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
            $(".iframe").colorbox({iframe:true, 'href' : $(this).attr('href'), width:"80%", height:"80%"});
            $(".inline").colorbox({inline:true, width:"50%"});
            $(".callbacks").colorbox({
                onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
            });
            
            //Example of preserving a JavaScript event for inline calls.
            $("#click").click(function(){ 
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                return false;
            });
        });
    </script>
    
    <!--END COLORBOX-->
    

    <a class="iframe" href="http://google.com/">Test</a>