Javascript Jquery-在lightbox中使用alt标记作为标题
所以我现在有一个图像旋转木马,当你点击一个灯箱时会出现,但是你不能在灯箱中添加标题 我试图实现的是在图库中添加一个alt标记,然后我希望遍历每个项目,并获取该属性,然后将其添加到lightbox中的每个项目中。img src URL匹配,所以我想这是另一个需要考虑的问题。我目前有以下内容Javascript Jquery-在lightbox中使用alt标记作为标题,javascript,jquery,wordpress,lightbox,elementor,Javascript,Jquery,Wordpress,Lightbox,Elementor,所以我现在有一个图像旋转木马,当你点击一个灯箱时会出现,但是你不能在灯箱中添加标题 我试图实现的是在图库中添加一个alt标记,然后我希望遍历每个项目,并获取该属性,然后将其添加到lightbox中的每个项目中。img src URL匹配,所以我想这是另一个需要考虑的问题。我目前有以下内容 jQuery('.elementor-image-gallery .gallery-item a').each(function() { jQuery('img', this).each(function(
jQuery('.elementor-image-gallery .gallery-item a').each(function() {
jQuery('img', this).each(function() {
var caption = jQuery(this).attr('alt');
var url = jQuery(this).attr('src');
setTimeout(function(){
var lightbox_img = jQuery('img.elementor-lightbox-image');
lightbox_img.after('<span class="caption">' + caption + '</span>');
}, 3000);
});
});
setTimeout函数中的console.log(caption)如果console.log输出未定义,则在setTimeoutWorked中声明标题解决问题后,灯箱的标记在单击某个项目之前不会启动
body
-- gallery
---- gallery item
-- lightbox
---- lightbox item