彩盒不工作，可能与RoyalSlider

Question

冲突的

我成立了彩盒插件本网站的测试页上： http://amatoarchitecture.com/new/oakvale.html

前三个大的图像就包裹在一个标记添加了正确的href和类（从Colorbox演示复制）。

<p> 
    <a style="display: block; width: 497px; height: 427px;" class="group1" href="images/28oakvale1.jpg" Title="Testing, testing, 123..."> 
     <img class="rsImg" data-rsTmb="images/28oakvale1.jpg" src="images/28oakvale1.jpg" width="514" height="435" /> 
    </a> 
</p> 

但是，当我点击链接时，没有灯箱启动。相反，链接只是点击图片本身。

我怀疑这两个Jquery插件（Colorbox和RoyalSlider）是冲突的。但是，我不知道如何判断Colorbox是否正确安装。

Answer 1

稍后放置colorbox代码，应该使用$(window).load()。

替换此代码：

$(document).ready(function(){ 
    //Examples of how to assign the Colorbox event to elements 
    $(".group1").colorbox({rel:'group1'}); 
    . 
    . 
    . 

有了这个：

$(window).load(function(){ 
    //Examples of how to assign the Colorbox event to elements 
    $(".group1").colorbox({rel:'group1'}); 
    . 
    . 
    . 

您可以了解更多关于这个职位的两者之间的区别：window.onload vs $(document).ready()或者干脆在网上搜索。