Jquery colorbox不会打开lightbox,而是直接打开URL

Jquery colorbox不会打开lightbox,而是直接打开URL,jquery,colorbox,Jquery,Colorbox,我正在尝试使用lightbox打开谷歌日历。我曾在另一个网页上看到过使用Colorbox(此处:单击右侧的“扩展到完整日历”),但当我尝试实现真正类似的功能(也使用Colorbox)时,日历拒绝在Colorbox中打开。当我点击我的超链接时,它会触发colorbox,它只会离开我的页面,直接打开谷歌日历URL 基本上,这里是我代码的相关部分。。。我已经尽可能地复制了演示页面()上的内容,以便我知道它应该可以工作(除了您看到的相对URL之外,我实际上使用了绝对URL,为了安全和简化操作而更改):

我正在尝试使用lightbox打开谷歌日历。我曾在另一个网页上看到过使用Colorbox(此处:单击右侧的“扩展到完整日历”),但当我尝试实现真正类似的功能(也使用Colorbox)时,日历拒绝在Colorbox中打开。当我点击我的超链接时,它会触发colorbox,它只会离开我的页面,直接打开谷歌日历URL

基本上,这里是我代码的相关部分。。。我已经尽可能地复制了演示页面()上的内容,以便我知道它应该可以工作(除了您看到的相对URL之外,我实际上使用了绝对URL,为了安全和简化操作而更改):

在my
标记中:

<link rel="stylesheet" href="colorbox/colorbox.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script>

<script>
    $(document).ready(function(){
        $(".colorboxcal").colorbox({iframe:true, width:"80%", height:"80%", transition:"fade"});
    });
    </script>

$(文档).ready(函数(){
$(“.colorboxcal”).colorbox({iframe:true,宽度:“80%”,高度:“80%”,过渡:“褪色”});
});
在正文中:

<a class="colorboxcal" href="https://www.google.com">Open Full Calendar</a>

但基本上,它的行为就像是说:

<a href="https://www.google.com">Open Full Calendar</a>

我尝试了以下方法来找出问题的原因:

  • 检查绝对路径是否正确
  • 尝试将jquery.min的引用更改为本地计算机上的副本,并尝试了不同的版本(没有区别)
  • 尝试将“href”更改为指向我的电脑上的图像(结果:单击链接会在浏览器窗口中打开图像,所以还是老问题)
  • 将href属性向上移动到顶部的
    代码中(结果:单击链接没有任何作用。显示错误的光标,其行为不像链接,只是文本。)
  • 将相同的代码放在一个测试页面中,除了简单的基本内容外别无他物(结果:点击链接打开了URL,所以还是老问题)
  • 已尝试删除覆盖的所有属性。颜色框默认值(宽度和高度除外)(结果:相同的旧问题)
  • 尝试删除
    ready(function()
    内容,并将
    代码放在所需的
    标记下方(结果:相同的旧问题)
我很想检查是否真的触发或加载了颜色框,但我不知道怎么做

我已经检查过了,我的页面作为xhtml进行了很好的验证(使用w3和dreamweaver),所以我不认为我有任何愚蠢的未关闭的标记或任何导致问题的东西。但可能同样明显的是我忽略了!我使用php调用页眉、页脚和导航,我有一个图像“滑块”在使用javascript和jquery的网站上的其他地方,它运行良好。我曾尝试在firefox和chrome中使用它(本地托管),但结果是相同的,所以我不认为这与浏览器问题有关。我的php正在被错误…解析(?正确的术语是什么?)通过xampp lite,但我在谷歌上搜索,找不到任何预期的冲突

我作为一个html、php、javascript、jquery的新手开始建立这个网站——很多,所以如果你聪明的灵魂需要沉默你的回应,我很抱歉……我是一个十足的傻瓜,我的脑袋在游动! 但是有没有人(请!)对为什么色盒不工作有什么建议???

提前谢谢!!

有些网站不允许你在iframe中显示它们,而
www.google.com
就是其中之一。

有些网站不允许你在iframe中显示它们,而
www.google.com
就是其中之一。

将实际问题发布到网页上。这只是在我的本地机器上,还没有在www上,很抱歉,我不能…在你的测试站点上托管它。调试你看不到的东西是没有用的。我正在为其他人构建它,所以他们正在整理托管方面的东西,所以还没有测试站点。抱歉。不确定你需要从我没有给你的代码的其余部分获得什么信息?在我把这个放进去之前,一切都运行得很好e rest继续工作,而colorbox仍然没有。这是一个非常简单的网站。发布带有实际问题的网页。它只在我的本地机器上,还没有在www上,所以很抱歉,我不能…在你的测试网站上托管它。调试你看不到的东西是没有用的。我正在为其他人构建它,所以他们正在整理托管另一方面,目前还没有测试站点。抱歉。不确定我没有给你的代码中的其他部分需要什么信息?在我把它放进去之前,它工作得很好,而其他部分继续工作,而colorbox仍然不工作。这是一个非常简单的站点。啊!这意味着……a)我不能嵌入谷歌的任何东西,包括我的日历-我不是真的嵌入google.com它的google.com/calendar/embed?src=用户名,等等(如果是这样的话,另一个人到底是怎么做到的-它就在他的代码中,看起来很简单)或者B)如果我不使用iframe,我可以嵌入它吗?我只是专门为www.google.com发表评论。我没有使用他们日历的经验,但是如果他们不允许iframing,那么他们会提供一些替代的嵌入方式。看起来另一个人正在使用一个专门用于嵌入的URL:是的,这也是我正在使用的,他们为嵌入提供的google日历链接。问题是,我甚至没有看到颜色框中出现一个失败的谷歌日历。链接完全跳过了颜色框,直接把我带到谷歌日历的URL。。。这有意义吗?这就是为什么我认为我的配色箱设置或编码有问题。我也无法让配色箱在没有其他内容的页面上显示图像。所以我必须有一个与颜色盒相关的问题。你发布的内容看起来不错。您应该检查浏览器的控制台,看看是否有任何JS错误。啊!那么这是否意味着。。。A) 我不能嵌入任何来自谷歌的东西,包括我的日历——我不是真的嵌入google.com它的google.com/calendar/embed?src=用户名等等(一个