Javascript Girl
  1. Javascript Girl
  3. Phonegap: après la transformation de la construction et les propriétés CSS en perspective ne fonctionnent pas?
Intereting Posts
Comment fermer toutes les fenêtres pop-up? Google Maps API Javascript: Activation des infowindows sur les marqueurs depuis la boîte de recherche de Google Places La fonction aléatoire JavaScript va-t-elle revenir à 0 ou 1? Forme concise de comparer contre plusieurs valeurs Google map: Ajoutez un écouteur à chaque polygone Comment insérer le texte HTML en tant que texte Quelle est la différence entre window.location.host et window.location.hostname Html5 draggable hide élément original Comment déboguer les travailleurs sur le Web Comment changer css pour un lien actif basé sur le hashtag Comment boucler le son en JavaScript? Trouver la différence entre les chaînes en Javascript Markerwithlabel.js (tiers) Raw File Link Broken Telegram bot inline keyboard via Node.JS Comment utiliser l'animation avec ng-repeat in angularjs

Phonegap: après la transformation de la construction et les propriétés CSS en perspective ne fonctionnent pas?

Je fais une application en utilisant JQuery mobile.

Pour les événements de glisser, j'ai inclus une bibliothèque. En utilisant cela, je suis en mesure d'utiliser les événements swipeleft, swiperight, swipeup et swipedown .

J'ai testé mon application dans Android 4.0.4.1.4.2 et le navigateur Chrome de android 4.4.Il fonctionne.

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

Problème:

Maintenant, après la création d'une application, cela fonctionne bien dans les versions Android moins que 4.4 et 4.4 ces événements sont appelés, mais les propriétés css de transformation et de perspective ne fonctionnent pas.

Cela pourrait être une erreur dans l'emballage de cordova.

Aidez-moi à résoudre cette erreur.

Merci