I am making an application using jQuery mobile.
For transition events, I included one library. Using this, I can use the swipeleft, swiperight, swipeup, and swipedown events .
I tested my application in android 4.0.4.1.4.2 and the chrome browser android 4.4. This works.
CSS
#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);
}
JQuery
$("#joy_div").swipe ({
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
if (phase!="cancel" && phase!="end") {
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'
});
Problem:
Now, after creating the application, it works fine in Android versions of 4.4, and in 4.4 these events trigger, but the conversion properties and css perspectives do not work.
This may be a mistake when wrapping the cordon.
Please help me resolve this error.
thank