0

我有一个问题..我有一个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页面顶部调用 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");

4

0 回答 0