jquery-ui - タッチパンチ - クリックをタッチに変換

Question

最近、タッチ イベントをマウス クリックに変換する素晴らしいプラグインを使い始めました。しかし、今日、私は1つの問題に出くわしました

jQuery('.draggable').click(function(){
  alert('clicked');
})

アラートを発生させるには、(モバイル デバイスでは) 2 回タッチする必要がありますが、コンピューターではマウスを 1 回クリックするだけで済みます。何が問題になる可能性がありますか? ありがとうございました。

Answer 1

// set a var as false as a way to change and flag if something is being dragged

var dragCheck = false;
$('.element').draggable({
      revert: true,
   drag: function(){
            // On drag set that flag to true
         dragCheck = true;
   },
   stop: function(){
            // On stop of dragging reset the flag back to false
         dragCheck = false;
   }
});

// Then instead of using click use mouseup, and on mouseup only fire if the flag is set to false

$('.element') .bind('mouseup', function(){
      if(dragCheck == false){
           // do the click action here...
      }
});