移动端click失效

[MrXiaoSanYe]

<div class="am-container">
<div id="menuOverlay"></div>
<input type="hidden" id="realStock" value="true" />
<div id="sidemenu" class="sidemenu">
<ul>
<li><a href="/"><span class="am-icon-home"></span>首页</a></li>
<li class="first-level"><a href="#">关于我们</a></li>
<li><a href="contact">联系我们</a></li></ul></div>
<div id="header" class="sck-header" sytle="cursor:pointer;">
<div id="side-menu-button">
<i class="am-icon-bars"></i>
</div>
<a href="/" class="logo"><img src="/assets/img/logo.png" alt=""></a>
</div>
<script>
	$(function(){
		var read=$("#realStock");
		$(document).on("click","#side-menu-button",function(){
            if(read.val()=="true"){
            $("#menuOverlay").show();
            read.val("false");
            $("#sidemenu").animate({left: "0",}, 400 );
             $("#page").css("position","fixed");
            $("#page,#header").animate({left: "250"}, 400);
        }else{
            read.val("true");
            $("#menuOverlay").hide();
            $("#sidemenu").animate({left: "-250",}, 400 );
             $("#page,#header").animate({left: "0"}, 400 ,function(){
              Page();
              });
        }
		});
	})
</script>

安卓机子上是没有问题的，在ios设备上就没有效果。
我搜了下，有人说给元素添加css cursor:pointer，试了下还是不行

[___紫菜]

http://www.cnblogs.com/Steping/p/5737547.html都试试