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您使用的这些收藏