Phonegap: After converting builds and promising CSS properties do not work?

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") {//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'
    });

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

+4

All Articles