jQuery - 如何檢查課程是否加載 - 在燈箱

Question

我的網站上有lightbox。 有了jQuery，我幾乎可以訪問主頁中的所有內容。 但是，當我點擊燈箱的鏈接，我沒有更多的訪問該燈箱內的任何元素。

我發現這是一個解決辦法：

$('.lightbox').click(function() { 
    var request = $(document) 
     .find('.captcha') 
     .data('src') || ''; 
}); 

但是，這是不是很好用「文件」。 無論如何，這是有效的。

但現在... 我想檢查燈箱是否已加載並向我的照片添加類。 事情是這樣的：

$(document).find('.thumbs') 
    .find('a:first-child') 
    .addClass('active'); 

問題是我不知道如何如果類或收藏夾加載檢查。 用這個

$(document).on('load', '.lightbox-window', function(){ 
    console.log('lightbox loaded'); 
}); 

我沒有得到答覆。即使當我使用「點擊」 - 事件它不起作用。

Answer 1

在您的lightbox-點擊功能中，只需切換布爾值即可。

var lightboxOpen = false; 

$('.lightbox').click(function() { 
    lightboxOpen = !lightboxOpen; // Reverse boolean, false = true, true = false 

    if (lightboxOpen) 
    { 
    // Add class 
    } 
    else 
    { 
    // Remove class 
    } 
}); 

這樣就夠了嗎？

Answer 2

怎麼樣livequery插件？

$('.lightbox-window').livequery(function(){ 
    // lightbox loaded 
}, function(){ 
    // lightbox closed 
}); 

從答案https://stackoverflow.com/a/3900157/1856120您使用的這些收藏