彩盒不工作，可能與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()或者乾脆在網上搜索。