jQueryでボタンにclickイベントをフツーに追加しても、iPhone/iPadのSafariでだけ動かない事象に遭遇。
clickじゃなくてtouchイベントだからダメなのかと思いきや、意外な解決方法がありました。

事象

以下のように、ボタンにclickを登録。

$('#some_button').click(function(){
  //do something
});

PCのブラウザでは動くが、iPhone/iPadのSafariでだけ動かない。

解決方法

対象のhtml要素のCSSの’cursor’を‘pointer’にするとなぜかclickイベントが効くようになる、という情報を発見。
以下のようにして試してみる。

$('#some_button').click(function(){
  //do something
})
.css('cursor','pointer'); //←追加

・・・ほんとに動いた!

参考 : How do I use jQuery for click event in iPhone web application – Stack Overflow