Phonegap:构建转换后,透视CSS属性不起作用?

时间:2015-01-27 14:49:33

标签: javascript jquery css css3 cordova

我正在使用JQuery mobile创建一个应用程序。

对于滑动事件,我包含了一个库。通过使用它,我可以使用 swipeleft,swiperight,swipeup和swipeown 事件。

我已经在android 4.0,4.1,4.2和android浏览器 4.4中测试了我的应用程序。它有效。

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

问题:

现在,在构建应用程序之后,它在Android版本中工作得很好,4.4版本和4.4版本会调用这些事件,但转换和透视css属性不起作用。

这可能是cordova包装中的错误。

请帮我解决这个错误。

谢谢

0 个答案:

没有答案