2012-02-11 24 views
2

画像にタップイベントがバインドされています。イメージがタップされると、ドキュメントがスクロールします。 iOS5でipadを操作すると、画像は最初にタップされたときに正常に機能しますが、ユーザーが画像を2回連続してタップすると、関数は失敗します。ユーザーが持続的にタップすると、関数は再び発生するように見えますが、関数内で定義されている完全なピクセル距離をスクロールできません。jqueryモバイルタップイベントが1回発生して問題が発生する

ユーザが画像をタップした場合、物理的にページをスクロールするために画面に触れ、その後、必要に応じて機能を2回目にタップします。なぜ私のコードは2番目のケースで動作しますが、最初のケースでは機能しませんか?非モバイル版はうまく動作します。

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#down_button').bind('tap', function() { 
      $.scrollTo('+=1024px', {axis: 'y', duration:300}); 
     }); 

     $('#up_button').bind('tap', function() { 
      $.scrollTo('-=1024px', {axis: 'y', duration:300}); 
     }); 
    }); 
</script> 
+0

ダブルタップし、「ユーザー連続した画像をもう一度タップ」?または、文書のスクロールが完了した後にもう一度タップしますか? – ShankarSangoli

+0

window.loadラッパーなしで試してください –

答えて

0

あなたは、私はこれらの要素のうちの1つが他の要素内にネストされるかもしれないことを推測するつもりですので、関連するHTMLを表示されていません。

このような場合は、タップイベントが発生する可能性があります。イベントハンドラの一方または両方にevent.stopPropagation()を追加することで、これを防ぐことができます。これは、あなたがそうのように、イベントに渡す機能を変化させることも必要になります。あなたは何を意味するん

.bind('tap', function(event) { 
+0

私はある時点でこれを試す必要があります。私は実際に固定幅の文書を使用していましたが、最終的に固定幅の文書はモバイルWebkitのスクロールをサポートしていないので、それが問題であると考えました。それは奇妙なことですが、私はいくつかのスクロールして仕事をすることができます。 –