javascript – Magnific Popup:来自span的源标题

我想从锚标记内的隐藏字幕字段中获取我的Magnific图像的标题 – 而不是标题.这是因为我的标题包含标记.

HTML

<a href="img/zoom.jpg">
  <img src="img/small.jpg" alt=""> 
  <span class="hide">This is a caption with <a href="#">a link</a> in it</span>
</a>

JS

// initialise the magnific lightBox
    $('.js-lightBox').each(function() {
      $(this).magnificPopup({
        delegate: 'a',type: 'image',tLoading: 'Loading image #%curr%...',gallery: {
          enabled: true,navigateByImgClick: true,preload: [0,1] // Will preload 0 - before current,and 1 after the current image
        },image: {
          titleSrc: function(item) {
            return item.el.text;
          },tError: '<a href="%url%">The image #%curr%</a> Could not be loaded.'
        }
      });
    });

显然返回item.el.text;没有按预期工作.谢谢.

解决方法

return item.el.find('span').text();

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...