iPad safari javascript增量挂起
我使用javascript允许用户增加或减少表单字段iPad safari javascript增量挂起,javascript,jquery,ipad,mobile-safari,Javascript,Jquery,Ipad,Mobile Safari,我使用javascript允许用户增加或减少表单字段 $("#dash_up_arrow").bind('touchstart', function(e){ $num++ $field.html($num); }); 当我快速按箭头时,它似乎挂了起来。它正在接收正确数量的touchstart事件,但如果我按得太快,它将跳过数字 奇怪的是,在我加载页面的1/3时间里,它工作得完美无缺——无论我按箭头的速度有多快,数字都会同步递增。然后,当我重新加载页面时,它将返回挂起状态 我已确保后
$("#dash_up_arrow").bind('touchstart', function(e){
$num++
$field.html($num);
});
当我快速按箭头时,它似乎挂了起来。它正在接收正确数量的touchstart事件,但如果我按得太快,它将跳过数字
奇怪的是,在我加载页面的1/3时间里,它工作得完美无缺——无论我按箭头的速度有多快,数字都会同步递增。然后,当我重新加载页面时,它将返回挂起状态
我已确保后台没有运行任何应用程序
有什么线索导致这种情况吗?只是黑暗中的一次击球,但可能有时触球“重叠”,因此存在一种比赛条件,即一次触球开始时间比另一次触球结束时间晚 这有用吗?(可能无法完全解决问题,因为比赛不是100%淘汰)
另一种方法是在递增之前获取数字:
$("#dash_up_arrow").bind('touchstart', function(e){
var currentNum = $field.html();
$field.html(++currentNum);
});
也许两者的结合完全解决了这个问题
我不知道为什么大约1/3的工作页面会加载它,所以上面的建议可能根本不会改变任何东西。不幸的是,如果没有iPad,我无法测试它;-) 解决了它。差点让我发疯,但这是令人不快的密码
background-image: url('../images/header_background.png'),
url('../images/swirly_pattern_light.png');
没错,问题在于CSS而不是javascript。我制作了一个没有样式的测试页面,只有足够的javascript来复制我想要做的事情。每次都很有效
然后我测试了测试页面和真实页面之间的所有差异,并得出一个结论——测试页面没有CSS。所以我在真正的页面上删除了CSS,它成功了
最后缩小到2行。显然,有多个背景会减慢safari向html呈现更改的速度。奇怪的虫子
谢谢大家的帮助。这里有一个“;”$num++之后缺少。为什么在变量前面加“$”??我认为这是行不通的。@chriszero在JavaScript中,可以使用以
$
开头的变量。我还看到一些人使用$
前缀表示它是jQuery对象,例如var$this=$(this)代码>我们遇到了一个模糊不清的类似问题,我们很想知道您在哪个版本的iPad上体验过这种情况?@PéterVarga我当时使用的是原版iPad。我不记得iOS版本了,但它应该是2011年2月的最新版本。
background-image: url('../images/header_background.png'),
url('../images/swirly_pattern_light.png');