jquery - 为单击的不同类动态更改文本 - Jquery 灯箱插件

Question

我正在使用 jquery lightbox在一个元素中，我想对其进行一些自定义...基本上，我在每个弹出式灯箱放大图像的顶部添加了一个标题。现在，标题将根据包含图像的 anchor 标记的类别而改变。我有 3 个类(class)，每个类(class)都有不同的标题文本。

现在这是我的 JSfiddle看看我在尝试什么...

如您所见，当灯箱动画被激活时，“我的文本”标题在转到不同 a-tag 类的图像时不会改变...

有什么建议吗？看我的JS代码

Answer 1

使用hasClass而不是.is。 jquery hasClass 是 bool 类型

$(function() {
   $('#gallery a').lightBox();

   var A = "Text for A";
   var B = "Text for B";
   var C = "Text for C";   
   $('#gallery').find('a').click(function (){



   if ($(this).haClass('classA')) {
          $('#lightbox-title-data-span1').html(A);
        };
   if ($(this).haClass('classB')) {
             $('#lightbox-title-data-span1').html(B);
        };

   if ($(this).haClass('classC')) {
             $('#lightbox-title-data-span1').html(C);
        };



       })

});​