0

我试图达到与单击计算机上的人相同的效果,但也可以通过在 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;
});

建议?先感谢您

4

1 回答 1

0

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

于 2012-12-18T16:59:25.013 回答