Question

我试图达到与点击给人在电脑上相同的效果，但也可以通过在ipad / iphone上滑动来实现。这是我的功能目前的样子（这是一个图像滑块）

// Set the previous and next buttons
$('#suprflickrLB .lbImage .lbLeft').bind('click').click(function()  {
   $('#suprflickrLB').setLightboxData( 'prev', 'fade' );
   return false;
});
$('#suprflickrLB .lbImage .lbRight').bind('click').click(function() {
   $('#suprflickrLB').setLightboxData( 'next', 'fade' );
   return false;
});

我基本上希望人们能够在屏幕上“滑动”他们的手指，如果有意义的话，可以像“点击”那样进行相同的转换。我已经尝试了一些jquery插件来实现这个概念，但是我对jquery不是很流利，所以我似乎无法使用它。

如果我添加了jquery移动库，我可以执行类似

的操作

$('#suprflickrLB .lbImage .lbLeft').bind('click').click(function() {
  $('#suprflickrLB').setLightboxData( 'prev', 'fade' );
  return false;
});

$('#suprflickrLB .lbImage .lbRight').bind('click').click(function()  {
   $('#suprflickrLB').setLightboxData( 'next', 'fade' );
   return false;
});

// Set previous and next buttons for swiping
$('#suprflickrLB .lbImage .lbRight').bind('swipe').swipe(function() {
   $('#suprflickrLB').setLightboxData( 'next', 'fade' );
   return false;
});
$('#suprflickrLB .lbImage .lbLeft').bind('swipe').swipe(function() {
  $('#suprflickrLB').setLightboxData( 'prev', 'fade' );
  return false;
});

连连呢？提前谢谢

Answer 1

我不认为“滑动”是一个正确的事件，使用“swipeleft”或“swiperight”。

绑定滑动以单击事件jquery

1 个答案: