在华丽的弹出库中添加项目符号

问题描述

我在我的网页中添加了 magnific popup gallery，一切正常。我只是想知道，是否有可能在 .mfp-bottom-bar 中的图像下方的弹出库中添加项目符号。

解决方法

Magnific's demo/homepage 上的图库示例显示了至少一种实现此目的的方法，即在 titleSrc 选项的 image弹出。在那个例子中（来自页面的来源）：

 $('.popup-gallery').magnificPopup({
   ...
   image: {
     ...
     titleSrc: function(item) {
       return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
     }
   }
 });

上述情况将 <small> 元素附加到当前链接的标题属性值/文本，但您大概可以返回其他一些 <ul><li>...</li></ul> 标记，或者使用 jQuery 获取一些现有的 <ul>在标记中（如果相对于当前项目，则大概使用 item.el 来帮助定位它）。