Fancybox 3 将 link 标题更改为 data-caption

Question

请问有没有javascript方法可以在fancybox 3中抓取link标题使用或者改成data-caption？唯一的条件是 link 标题是否存在。

这是我现在拥有的：

<a data-fancybox="gallery" title="some-title" href="big_1.jpg">
<img src="small_1.jpg">
</a>

我想以某种方式将其更改为：

<a data-fancybox="gallery" data-caption="some-title" href="big_1.jpg">
<img src="small_1.jpg">
</a>

感谢大家的帮助。

Answer 1

使用一些JS代码来做

jQuery(function(){
$('a[data-fancybox="gallery"]').each(function(){
 if($(this).attr('title') != '' ){
  $(this).attr('data-caption', $(this).attr('title'));
 }
})
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a data-fancybox="gallery" title="some-title" href="big_1.jpg">
<img src="small_1.jpg">
</a>
<a data-fancybox="gallery" title="title" href="big_1.jpg">
<img src="small_1.jpg">
</a>
<a data-fancybox="gallery"  href="big_1.jpg">
<img src="small_1.jpg">
</a>

Fancybox 3 将 link 标题更改为 data-caption

Fancybox 3 change link title to data-caption

javascript

jquery

fancybox-3