Magnific Popup Gallery：如何在内联类型项目中显示计数器？

Question

我正在使用magnific popup来显示image type和inline type个项目的混合图库。

HTML：

<a href="http://lorempixel.com/400/200/" class="magnific">Image Popup</a>

<a href="#test-popup" class="magnific mfp-inline">Show inline popup</a>

<!-- the inline content -->
<div id="test-popup" class="white-popup mfp-hide">
  Inline content
</div>

JS：

$('.magnific').magnificPopup({
  type: 'image',
  gallery: {enabled: true}
});

完整的工作示例是here。

如您所见，图像类型项自动获得“x of y”计数器，如下所示：

如何为内联类型项目获取此计数器？

Answer 1

只能将其添加到动态生成的内联弹出窗口中，为此，您只需要将<div class="mfp-content"></div>添加到项目标记中即可。示例http://codepen.io/dimsemenov/pen/GpdFs

否则，您需要通过弹出API编写自己的计数器。

Answer 2

我设法使用包含

的非动态生成的内嵌项目来使其工作

<div class="mfp-content"></div>

稍微打补档：

https://github.com/dimsemenov/Magnific-Popup/pull/537