ajaxで読み込んだ要素がクリックできない

2018/05/08

ブラウザでスマホプレビューでは大丈夫だったのですが、実機ではクリックできませんでした。
この辺りを試してみたらいけるかも？

対策1
cssでカーソルポインターをあてる

.btn {
  cursor:pointer;
}

対策2
書き方を変えてみる。もしくは$(window).onとか。

  $(document).on('click', '.btn' , function () {
    loadAjax();
  });

対策3
touchイベントに変えてみる

  $(document).on('touchend', '.btn' , function () {
    loadAjax();
  });

対策4
ボタンをクローン（複製）して配置してみる

function cloneBtn(){
  $(".btn").hide();
  if ( $('#btn-area').length ) {
    $(".btn").clone().insertAfter('#btn-area').show();
  }
}

Proglad