Question

作为一名javscript初学者，我试图在猫头鹰轮播中获取双击事件：

在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。

猫头鹰旋转木马中的双击事件

1 个答案: