在移动设备上的ajax响应中单击并触摸开始

时间:2015-10-13 09:40:46

标签: javascript php jquery ajax touchstart

我有问题.. 我有一个index.php文件,里面有一个div,带有ajax请求的结果:

  <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中的Alsways我在页面顶部调用jquery。 然后我得到了ajax请求的响应:

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

问题是,在移动浏览器中,&#34; touchstart&#34;事件不起作用,而不是......在桌面上一切都很完美......

[编辑] 因为我不是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");

0 个答案:

没有答案