Question

在我的网站上有灯箱。使用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

在灯箱点击功能中，只需切换布尔值。

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

jQuery - 如何检查类是否已加载 - 在灯箱中

2 个答案: