[jQuery] iOSでclickイベントが効かない問題

こんにちは sohnishi です。

Webサイトのモバイル対応する時に、

iOSだけクリックイベントが効かないという経験をされた方

少なくないと思います。

今回はその現象の対応方法をご紹介していこうと思います。

iOSでclickイベントが取れなかったソースコード↓

$('hoge').on("click", function() {
    console.log('hoge');
});

$('hoge').on("click", function() {

console.log('hoge');

});

hoge要素を直接指定してclickイベントを設定しています。

iOSの場合は、これではイベントを取ってくれませんでした。

そのため、hoge要素を包む親要素を指定し、子要素へイベントを伝搬してあげることで解決します。

$('oya_hoge').on("click", 'hoge', function() {
    console.log('hoge');
});

$('oya_hoge').on("click", 'hoge', function() {

console.log('hoge');

});

それでは。