Phonegap:构建转换后,透视CSS属性不起作用?
我正在使用JQuery mobile制作应用程序。
对于滑动事件,我包括一个库。通过使用它我可以使用swipeleft,swiperight,swipeup和swipedown事件。
我已经在Android 4.0,4.1,4.2和 android 4.4的chrome浏览器中测试了我的应用程序。它的工作原理。
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包装中的错误。
请帮我解决这个错误。
谢谢
- jQuery Mobile Cordova(Phonegap)在每个页面的底部留下空白区域
- jQuery Mobile和iScroll问题
- 在phonegap App中显示pdf
- Phonegap请求的资源上没有“Access-Control-Allow-Origin”标头。 因此不允许原点’null’访问
- Ajax调用如何在移动应用程序(PhoneGap)中运行,而不是在PC浏览器中运行?
- 第一次通话时,Phonegap / jquery移动幻灯片转换无法正常工作
- 使用Jquery为ajax请求设置基本URL的最佳方法是什么?
- 如何在phonegap中使用jquery load()加载页面
- 使用jQuery,Android 2.2.2上的浏览器无法获取JSONP