jquery - 猫头鹰轮播中的双击事件

Question

作为一个 Javscript 初学者，我正在尝试在 owl carousel 中获取双击事件：

在onDragEnd功能上：

var lastTouch = $(this).data('lastTouch') || now + 1;
var timeDelta = now - lastTouch;
if (timeDelta < 300 && 0 < timeDelta) {
    $(this).data('lastTouch',null);
    //do scaling
}else{
    $(this).data('lastTouch',now);
}

我想要实现的是某种双击缩放（通过transform:scale？）。有人已经尝试过实现类似的功能吗？我什么也没找到。

Answer 1

这可能是您的解决方案，但不使用 Owl Carousel 2 中的事件：

$(function() {
  var last = null;
  $('.owl-carousel').owlCarousel({
    center      : true,
    margin      : 10,
    loop        : true,
    autoWidth   : true, 
    items       : 3
  }).on('touchend', function(e) {
    var now = new Date().getTime();
    last = last || now;
    if (now - last < 300 && now - last > 0) {
      last = null;
      console.log('double tap');
    } else if (last !== now) {
      last = null;
    }
  });
});

这是一个 JS Bin：http: //jsbin.com/tebazugi/1/edit。