Owl-carousel duplicates fancybox elements, how to disable?

Question

JavaScript

In Owl-carousel I need infinite scroll but it interferes with fancybox gallery, is there any way around this?

Answer 1

function addFancy(event) {
  var element = event.target;
  var id = $(element).attr('id');
  $(element).find(".owl-item.cloned a").each(function(indexCloned) {
    var $clonedElem = $(this);
    var link = $clonedElem.attr('href');
    $clonedElem.attr('data-fancybox-trigger', id);
    $clonedElem.attr('href', 'javascript:;');
    $clonedElem.removeAttr('data-fancybox');
    $(element).find(".owl-item:not(.cloned) a").each(function(indexReal) {
      if (link === $(this).attr('href')){
        $clonedElem.attr('data-fancybox-index', indexReal);
      }
    });
  });
}

Answer 2

With pens, just throw a pack of only the ones you need into it, and then find the clones and tell them to open the originals. In general, read the docks)