fancybox V3 +同位素排序方式

时间:2018-07-06 16:48:38

标签: jquery sorting isotope fancybox-3

我需要您的帮助:我正在使用同位素对也使用fancybox打开的缩略图进行排序。在此之前,我使用的是fancybox V2,效果非常理想! (我关注的主题是here) 但是我只是切换到Fancybox V3,所以无法在fancybox中对图像进行排序...

<div id="gallery">
  <div class="item" data-date="20130731">Image B</div>
  <div class="item" data-date="20140320">Image A</div>
  <div class="item" data-date="20130719">Image D</div>
  <div class="item" data-date="20120922">Image C</div>
</div>

还有js:

$("#works .item").sort(sort_li).appendTo('#gallery');

function sort_li(a, b){
    return ($(b).data('date')) < ($(a).data('date')) ? 1 : -1;    
}

看起来像fancybox不会更新此列表... 你有什么想法 ?非常感谢你!

1 个答案:

答案 0 :(得分:0)

我刚刚看到,当我使用以下代码删除fancybox选项时:(如下所示为空)

$('.fancybox').fancybox({
});

该功能排序很好用! ! 但我希望我可以自定义fancybox选项...您有任何想法吗?谢谢