我有一个问题..我有一个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");
?