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

Question

我在一个项目中使用jquery 灯箱，我想对其进行一些自定义......基本上，我在每个弹出灯箱放大图像的顶部添加一个标题。现在标题将根据包含图像的锚标记的类而改变。我有 3 个班级，每个班级都有不同的标题文本。

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

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

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

Answer 1

使用hasClass而不是 .is。Jquery hasClass 是一个布尔类型

$(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);
        };



       })

});​