图片上方标题为

Question

我正在使用一个灯箱画廊的大胆弹出，我工作得很好，但我需要在图像上方的图像标题和图像下面的描述。

点击图片查看大图时的链接是：

<a <a class="test-popup-link" href="<?php echo $image_large['sizes']['gallery-main']; ?>" title="<?php echo the_sub_field('title'); ?>" data-description="<?php echo the_sub_field('description'); ?>">

有标题和数据描述，但我需要以某种方式分离这些。

我也有：

$('.popup-container').magnificPopup({
  delegate: 'a',
  type: 'image',
  mainClass: 'mfp-img-mobile',
  gallery: {
    enabled: true,
  },
  image: {
    titleSrc: function(item) {
      return item.el.attr('title') + '<p>' + item.el.attr('data-description') + '</p>';
    }
  }
});

有没有办法分隔标题和说明？