jQuery en cours d'exécution extrêmement lente sur iPad

Question

J'ai un certain jQuery je cours sur un cas de test que nous étudions, et il court extrêmement lentement sur nos iPad 2. Cependant, il est rapide et réactif sur nos ordinateurs de bureau et ordinateurs portables. J'ai essayé de supprimer tous les sélecteurs (si possible) et d'utiliser plutôt des références stockées, ce qui n'a pas beaucoup aidé.

Avant que le changement était http://jsfiddle.net/EEGgv/5/ alors après avoir été http://jsfiddle.net/EEGgv/6/

Voici le code jQuery actuel:

$().ready(function() { 
    var $varSelected = 'undefined'; 
    var $this = 'undefined'; 
    var varPrev = ''; 
    var varNew = ''; 

    $('.btn').click(function() { 
     $this = $(this); 

     if ($varSelected !== 'undefined') { 
      // Get previous value 
      varPrev = $varSelected.text(); 

      // Find value we're trying to add 
      varAdding = $this.attr('value'); 

      if (varAdding == 'Clr') { 
       varNew = ''; 
      } else { 
       varNew = varPrev + varAdding; 
      } 

      // Write new value 
      $varSelected.text(varNew); 
     } 
    }); 

    $('.qtyBox').click(function() { 
     $this = $(this); 

     // Check if we've previously had a selected box 
     if ($varSelected === 'undefined') { 
      // Didn't have one before -- nothing special 
     } else { 
      // Had one selected. We need to unselect it. 
      $varSelected.removeClass('Selected'); 
     } 

     // Select the one we have now 
     $varSelected = $this; 

     // Add formatting 
     $this.addClass('Selected'); 

     // Clear value 
     varNew = ''; 
     $this.text(varNew); 
    }); 
}); 

je le/5/version (pré-références) téléchargés sur http://test.projectdavis.com/test.html alors que le/6/versoin (références) chargé sur http://test.projectdavis.com/test2.html.

Quelqu'un a-t-il un aperçu?

Merci

Answer 1

j'ai pu tester votre page sur mon iPad 2. Le décalage d'entrée semble être le délai d'événement de clic mobile où cliquez sur événements sont déclenchés après 0,3 secondes sur les navigateurs mobiles (https://developers.google.com/mobile/articles/fast_buttons?hl=de-DE.). Ce délai est tel que le navigateur peut écouter un double tap. Il existe quatre gestionnaires d'événements supplémentaires fournis par le navigateur mobile, celui qui vous intéresse probablement est clickend. L'événement clickend est déclenché lorsque l'utilisateur lève son doigt de l'écran.

Le code ci-dessous est de https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Touch_events

MDN

var el = document.getElementsById("MyButtonID"); 
el.addEventListener("touchend", handleEnd, false);