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

Question

我有一个页面需要从多个位置打开颜色框。一种是在文档就绪函数中如下:

$("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'

一旦我单击第一个配置中的链接，它就会中断第二个配置，直到刷新页面。

彩盒1.3.18jquery 1.6.4

我怎样才能让它们都工作？

Answer 1

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