这个问题已经在这里有一个答案:
- 如何在iPhone的Web应用程序使用jQuery点击事件 8个回答
第二次更新:看起来像我的功能之一(resetFigures)是防止事件处理程序,如此感人,到最后的绑定功能整理出来。
更新:我经过一些基本的测试,该点击事件注册意识到,这只是盒子失败挖掘时翻转。
我有我的网站在Chrome和Firefox工作的基本审美功能,但它拒绝(与iOS 6.1和iPad测试的iPhone 4的iOS 4.3.5)检点iOS上。
您可以查看该网站,当然脚本(main.js)位置: http://bos.rggwebdesigns.com/
我读过的iOS并没有真正处理jQuery的单击事件正确,但我在努力找出一个修复。 这里有几个线程堆栈溢出提到的现场()方法,但实现它像如下(以及添加onclick=""
可点击元素)似乎没有工作:
$('.card').live('click touchstart', function() {
var figure = $(this).children('.back');
var button = figure.find('.button');
var column = $(this).parents().eq(1);
$('.column').removeAttr('style');
column.css('z-index', 2000);
resetFigures();
if(flipCard(this)){
swoosh.pause();
swoosh.currentTime = 0;
swoosh.play();
}
});
我也遇到了这个有趣的解决方法的项目: http://aanandprasad.com/articles/jquery-tappable/ 。 不过,我有,要么没有运气:
$('.card').tappable(function() {
var figure = $(this).children('.back');
var button = figure.find('.button');
var column = $(this).parents().eq(1);
$('.column').removeAttr('style');
column.css('z-index', 2000);
resetFigures();
if(flipCard(this)){
swoosh.pause();
swoosh.currentTime = 0;
swoosh.play();
}
});
另外,请纠正我,如果我一直在误导,但根据这个网站,3D变换的iOS中使用适当的前缀支持: http://caniuse.com/transforms3d