我正在使用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时运行第一个脚本。但是,虽然彩色框在页面加载后打开,但它是空的,没有任何内容。
我在这里遗漏了什么吗?任何帮助将不胜感激。