スマホでjQueryのclickイベントが発生しないときの対処方法

スマホでjQueryのclickイベントが発生しないときの対処方法です。iOSのSafariでよく発生します。

現象

$('a').click(function(){
  // ...
});
iOSのSafariでイベントが発生しませんでした。Chromeのデベロッパーツールや他のブラウザでは正常に動作するため結構悩んでいました。

対処方法

$('a').click(function(){
  // ...
}).css('cursor','pointer');

これで動きます。

PCユーザーもカーソルがポインターになるため、PCアクセシビリティの観点からも利点があります。

export const _frontmatter = {}