[メモ]iphoneモバイルsafariでon[jquery]

おひさしぶりの更新です。

今日は、iphoneのモバイルsafariで

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

を実行させたかったのだけど・・・

はまったorz

andoroidとか普通にevent実行されるのに・・・
半日格闘していました。。

簡単に書くと、
htmlを表示し、都度ajaxによってデータを取得しhtmlを生成させ、その生成されたタグをclickしたら、ある特定のeventを実行させるという、チョー簡単なこと。。

結論からかくと
iphoneのモバイルsafariは、動的に生成されるhtmlタグにcssの要素「cursor:pointer;」が無いと、onでclick(タップ)イベントが取得できないということらしい。

で、headタグのstyleタグ中に該当のタグ(class)に「cursor:pointer;」を設定することで上手くイベントが取得でき特定の動きをさせることができるようになりました。
他andoroidには影響は特にありませんでした。

めでたしめでたし。。

本当にモバイルsafariに半日時間を返せといいたい。。

※多分aタグに対してclick(タップ)のイベントを取得するようにしていれば、問題に放っていなかったと思われるが、aタグなんて使わないよ・・・

スポンサーリンク