如何在同一页面中拥有多个jQuery颜色框

时间:2012-03-01 05:05:01

标签: jquery colorbox

我有一个页面需要从多个位置打开一个颜色框。一个是文档就绪功能如下:

$("a[rel='q1']").colorbox({opacity:0.8, width:"800px", height:"75%"});

另一个需要从谷歌图表中打开一个完全不相关的颜色框,并在onclick函数中这样做:

$.colorbox({maxHeight:"100%", href:'<c:url value="/path/mypage.html" />'});

如果我点击它打开的第二个。然后单击第一个并打开它。然后单击第二个,我得到以下javascript错误:

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'colorbox'

只要我点击第一个配置中的链接,它就会在第二个页面刷新之前打破第二个链接。

colorbox 1.3.18 jquery 1.6.4

我怎样才能使它们都起作用?

1 个答案:

答案 0 :(得分:2)

听起来您的第二个链接包含指向jQuery的链接,它会覆盖您加载到文档中并使用colorbox插件扩展的jQuery的原始版本。我的猜测是第二个链接是一个完整的HTML文档,应该显示为iframe而不是ajax。