iPhone/iPad tactile événement pour déclencher div différent

Question

Semble comme une solution facile, mais je ne peux pas envelopper ma tête autour d'elle. J'ai quatre divs comme celui ci-dessous

<div ontouchstart="touchStart(event)" ontouchmove="touchMove (event)" ontouchend="touchEnd (event)" class="c1" id="c1">copy1</div> 

Le code pour touchStart est très simple au moment:

function touchStart (e) { 
    e.preventDefault(); 
    e.target.style.color="#ff0000"; 
    return false; 
} 

La question est de savoir comment les fonctions tactiles cible un autre div (pas la cible a été touché) et change son opacité de 0 à 1 dans TouchStart, puis de 1 à 0 dans touchEnd.

Merci

Answer 1

Je ne suis pas expert, mais voici mes deux cents et, nous l'espérons vous aider à trouver une solution

Avec jquery, en cliquant sur un élément peut déclencher un différent et changer l'opacité css de l'attribut cible comme :

$("#div_thats_touched").click(function(){ 
     $("#target_div").css("opacity","1"); 
    }) 

en javascript, il serait quelque chose comme

this.onClick(function(){ 
target=document.getElementById('target'); 
target.style.opacity("1"); 
}); 

ou si vous voulez déclencher l'événement d'un autre élément:

$("#div_thats_touched").click(function(){ 
      $("#target_div").trigger("click"); 
     }) 

Et au lieu d'avoir touchstart et touchEnd, vous pouvez utiliser la méthode de basculement de jquery pour les combiner en une seule méthode (peut-être) http://api.jquery.com/toggle/ http://api.jquery.com/trigger/