打開現有的jQuery燈箱長廊從鏈路

Question

我有一個現有的jQuery的顏色框畫廊，當我點擊其中任何一個初始化的文件準備與4個圖像的工作正常：

$(document).ready(function() { 
    if ($('.gallery-thumbnail').length > 0) { 
     $('.gallery-thumbnail').colorbox({ rel: 'gallery-thumbnail', transition: 'fade' }); 
    } 
}); 

我也有一個鏈接在頁面中，我想也打開這個相同的圖像庫。我以爲我會很可愛，並試圖複製用戶點擊其中一個圖像與$('.gallery-image').first().find('a').click();完美的作品，並打開圖像庫時，我在Chrome內聯控制檯中鍵入它，並擊中Enter，但當它從代碼運行時，它只是用橙色加載的GIF彈出畫廊打開，無休止地旋轉。之後，我試着在代碼爲$('.gallery-thumbnail').colorbox({rel: 'gallery-thumb', transition: 'fade' });的HTML錨點上直接創建了一個onclick處理程序，這導致了與之前相同的無限加載GIF。爲了確保我不會瘋了，我迷上了OnClick事件處理程序的功能和運行這個代碼：

function showColorbox() { 
    $('.gallery-thumbnail').each(function() { 
     $(this).addClass('test'); 
    }); 
    $('.test').colorbox({rel: 'gallery-thumb', transition: 'fade' }); 
} 

不幸的是，我還是結了無盡的加載顏色框，但我覈實，我的形象錨全班都有'考試'。在整個過程中 - 我也證實了控制檯中沒有JS錯誤。任何幫助將不勝感激。

Answer 1

有此常見問題解答條目： http://www.jacklmoore.com/colorbox/faq/#faq-click

創建一個單獨的鏈接，打開畫廊

可以說你已經分配彩盒到文檔中的一組鏈接， 但你也想有一個「打開圖庫」鏈接，打開你的設置中的第一個 項目。點擊「打開圖庫」後，您想要阻止默認操作 ，然後觸發該第一個設置項目上的點擊事件。

var $gallery = $("a[rel=gallery]").colorbox(); 
$("a#openGallery").click(function(e){ 
    e.preventDefault(); 
    $gallery.eq(0).click(); 
});