我正在使用 jquery lightbox在一个元素中，我想对其进行一些自定义... 基本上，我在每个弹出式灯箱放大图像的顶部添加了一个标题。现在，标题将根据包含图像的 anchor 标记的类别而改变。我有 3 个类(class)，每个类(class)都有不同的标题文本。
现在这是我的 JSfiddle看看我在尝试什么...
如您所见，当灯箱动画被激活时，“我的文本”标题在转到不同 a-tag 类的图像时不会改变...
有什么建议吗？看我的JS代码
最佳答案
使用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);
};
})
});
关于jquery - 为单击的不同类动态更改文本 - Jquery 灯箱插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12005076/