Javascript 如何获取自定义属性数据放大弹出窗口

我是网络开发新手。我需要关于如何获取“mydesc”的属性值以及如何将其包含在弹出图像中的帮助

非常感谢您的帮助

html:

javascript:

                $('.thumbnails').magnificPopup({
                    type:'image',
                    delegate: '.image-additional a:visible',
                    image: {
                markup: '<div class="mfp-figure">'+
                        '<div class="mfp-close"></div>'+
                        '<div class="mfp-img"></div>'+ 
                        '<div class="mfp-title"></div>'+
                        '<div class="mfp-mydesc"></div>'+  ---> no value
                    '<div class="mfp-bottom-bar">'+
                        '<div class="mfp-counter"></div>'+
                        '</div>'+
                            '</div>', 
                 cursor: 'mfp-zoom-out-cur',
                  tError: '<a href="%url%">The image</a> could not be loaded.'
                  },
                  preloader: true,
                    gallery: {
                        enabled:true
                    }

                });

$（'.thumbnails'）。放大弹出窗口({
类型：'image'，
委托：'.图像附加a:可见'，
图片：{
标记：“”+
''+
''+ 
''+
''+-->没有值
''+
''+
''+
'', 
光标：“mfp缩小电流”，
恐怖：“无法加载。”
},
预加载程序：是的，
画廊：{
已启用：true
}
});

a suggestion

mydesc

不是一个合适的属性，所以你可以使用

data mydesc

然后你可以像

.attr（'data-mydesc'）

i尝试了.attr（'data-mydesc'））但该值不会在每次单击下一个或上一个图像时更改。建议

mydesc

不是正确的属性，因此您可以使用

data mydesc

，然后您可以像

.attr（'data-mydesc'）

一样获得它。我尝试了.attr（'data-mydesc'），但该值不会在每次单击下一个或上一个图像时更改。

                $('.thumbnails').magnificPopup({
                    type:'image',
                    delegate: '.image-additional a:visible',
                    image: {
                markup: '<div class="mfp-figure">'+
                        '<div class="mfp-close"></div>'+
                        '<div class="mfp-img"></div>'+ 
                        '<div class="mfp-title"></div>'+
                        '<div class="mfp-mydesc"></div>'+  ---> no value
                    '<div class="mfp-bottom-bar">'+
                        '<div class="mfp-counter"></div>'+
                        '</div>'+
                            '</div>', 
                 cursor: 'mfp-zoom-out-cur',
                  tError: '<a href="%url%">The image</a> could not be loaded.'
                  },
                  preloader: true,
                    gallery: {
                        enabled:true
                    }

                });