我正在使用JQuery mobile创建一个应用程序。
对于滑动事件,我包含了一个库。通过使用它,我可以使用 swipeleft,swiperight,swipeup和swipeown 事件。
我已经在android 4.0,4.1,4.2和android浏览器 4.4中测试了我的应用程序。它有效。
#joy_div {
perspective: 500px;
}
button {
margin: 10px 0 0 0;
}
.left, .right, .down, .up, .reset {
transition: transform 0.5s ease;
transform-origin: 50% 50%;
}
.left {
transform: rotateY(-40deg);
}
.right {
transform: rotateY(40deg);
}
.up {
transform: rotateX(-40deg);
}
.down {
transform: rotateX(40deg);
}
.reset {
transform: rotateX(0) rotateY(0);
}
$("#joy_div").swipe ({
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
if (phase!="cancel" && phase!="end") {//start,move
if( direction == 'left') {
$(this).children('#joystick').removeAttr('class')
.addClass('left1');
moveClawLeft = 1;
} else if (direction == 'right'){
$(this).children('#joystick').removeAttr('class').addClass('right1');
moveClawRight = 1;
} else if (direction == 'up'){
$(this).children('#joystick').removeAttr('class')
.addClass('up');
moveClawUp = 1;
} else if (direction == 'down'){
$(this).children('#joystick').removeAttr('class')
.addClass('down');
moveClawDown = 1;
}
}
},
threshold:10,
maxTimeThreshold:5000,
fingers:'all'
});
问题:
现在,在构建应用程序之后,它在Android版本中工作得很好,4.4版本和4.4版本会调用这些事件,但转换和透视css属性不起作用。
这可能是cordova包装中的错误。
请帮我解决这个错误。
谢谢