Javascript Jquery-在lightbox中使用alt标记作为标题

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(

所以我现在有一个图像旋转木马,当你点击一个灯箱时会出现,但是你不能在灯箱中添加标题

我试图实现的是在图库中添加一个alt标记,然后我希望遍历每个项目,并获取该属性,然后将其添加到lightbox中的每个项目中。img src URL匹配,所以我想这是另一个需要考虑的问题。我目前有以下内容

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