javascript - モバイルの ajax レスポンスでのクリックとタッチスタート

Question

私は問題を抱えています.. index.phpajaxリクエストの結果を含む内部にdivを持つファイルがあります:

  <div id="content" style="margin-top:20px;" class="content_media"></div>
  <script>
        show_page('home');  HERE I CALL THE AJAX FUNCTION 
  </script>
  <script type="text/javascript">
  $(function(){
        var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
        var eventType = isMobile ? "touchstart" : "click";
        $( "#content" ).on(eventType, ".escort_id", function() {
              alert(eventType);
              var id = $(this).attr("id");
              show_page('profilo',id);
        });
  });
  </script>

常にindex.phpページの上部で jquery を呼び出します。次に、ajax リクエストの応答があります。

<div id="<?php echo $data['id'];?>" class="escort_id"></div>

問題は、モバイル ブラウザでは「touchstart」イベントが機能しないことです。代わりに、デスクトップではすべてが完全に機能します。

[編集]私はjavascriptのプロではないので..私はこのスクリプトを作りました:

  var flag = false;
  $("#content").bind('touchstart click', ".escort_id", function(){
        if (!flag) {
              flag = true;
              setTimeout(function(){ flag = false; }, 100);
              var id = $(this).attr("id");
              show_page('profilo',id);
        }

       return false
  });

mapek のコメントのため..しかし、代わりに何を入れなければなり$(this).attr("id");ませんか?