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

「スワイプ」は正しいイベントではないと思います。「スワイプレフト」または「スワイプライト」を使用してください。

于 2012-12-18T16:59:25.013 に答える