jquery - 在 magnific-popup 中自定义放置的箭头

Question

我想把箭头放在计数器旁边，大致像这样:

<第 2 个，共 19 个>

其中“<”和“>”是“figcaption .mfp-bottom-bar”中照片下方的箭头按钮。由于默认箭头在 .mfp-container 中，我不能绝对定位它们，因为图片可以有任何高度和宽度，我需要它是像素完美的。

我有一个无效的解决方案:在 $('').magnificPopup 调用的图库对象中

{
tCounter: 
"<button title='previous' type='button' class='mfp-arrow mfp-arrow-left mfp-prevent-close'>&lt;</button>" 
+ 
" %curr%/%total% "
+
"<button title='next' type='button' class='mfp-arrow mfp-arrow-right mfp-prevent-close'>&gt;</button>"
}

不幸的是，即使原始箭头仍然有效，这也不会触发任何东西。

所以我想知道:

1. 如何将默认箭头放置到 HTML 中的图形标题？
2. 如何让tCounter中的按钮触发上一张和下一张图片的功能

Answer 1

看来我没仔细看api

var magnificPopup = $.magnificPopup.instance;

$('body').on('click', '#photo-prev', function() {
    magnificPopup.prev();
});

#photo-prev 是上一个按钮的 id