Jquery colorbox不会打开lightbox,而是直接打开URL
我正在尝试使用lightbox打开谷歌日历。我曾在另一个网页上看到过使用Colorbox(此处:单击右侧的“扩展到完整日历”),但当我尝试实现真正类似的功能(也使用Colorbox)时,日历拒绝在Colorbox中打开。当我点击我的超链接时,它会触发colorbox,它只会离开我的页面,直接打开谷歌日历URL 基本上,这里是我代码的相关部分。。。我已经尽可能地复制了演示页面()上的内容,以便我知道它应该可以工作(除了您看到的相对URL之外,我实际上使用了绝对URL,为了安全和简化操作而更改): 在myJquery colorbox不会打开lightbox,而是直接打开URL,jquery,colorbox,Jquery,Colorbox,我正在尝试使用lightbox打开谷歌日历。我曾在另一个网页上看到过使用Colorbox(此处:单击右侧的“扩展到完整日历”),但当我尝试实现真正类似的功能(也使用Colorbox)时,日历拒绝在Colorbox中打开。当我点击我的超链接时,它会触发colorbox,它只会离开我的页面,直接打开谷歌日历URL 基本上,这里是我代码的相关部分。。。我已经尽可能地复制了演示页面()上的内容,以便我知道它应该可以工作(除了您看到的相对URL之外,我实际上使用了绝对URL,为了安全和简化操作而更改):
标记中:
<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()
代码放在所需的
标记下方(结果:相同的旧问题)
提前谢谢!!有些网站不允许你在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=用户名等等(一个