使用href和rel属性在页面加载时触发colorbox会导致空白颜色框

时间:2014-11-06 16:08:41

标签: jquery colorbox

我正在使用ColorBox让读者查看和浏览页面中的一系列div - 一种混合媒体幻灯片,或多或少。我正在使用此脚本,您可以在http://new.evideoexpress.com/services/查看页面功能。

jQuery(".colorbox").colorbox({
   inline:true,
   rel:'colorbox',
   transition:"elastic",
   width:"75%",
   height:"75%",
   current:"",
   previous:"Previous",
   next:"Next",
   close: "Close"
});

我使用rel属性为我的图库创建div组,每个div也分配了一个ID。触发灯箱的文档中的锚点如下所示:

<a class="colorbox" href="#commercial-distribution"><span>Learn More</span></a>

这一切都按预期工作。但在某些情况下,我还想在页面加载时触发颜色框。因此,作为测试,我在文档准备就绪时运行此脚本,使用href属性来标识目标div。

jQuery.colorbox({
   href:"#commercial-distribution",
   inline:true,
   rel:'colorbox',
   transition:"elastic",
   width:"75%",
   height:"75%",
   current:"",
   previous:"Previous",
   next:"Next",
   close: "Close"
});

根据我的阅读,我的期望是在页面加载时运行此脚本相当于在单击a.colorbox时运行第一个脚本。但是,虽然彩色框在页面加载后打开,但它是空的,没有任何内容。

我在这里遗漏了什么吗?任何帮助将不胜感激。

0 个答案:

没有答案