Bouton cliquez sur faking

Question

J'essaie de rendre mon application web mobile plus réactive. Donc quand vous cliquez sur une icône qui est une image, je veux utiliser jquery mobile pendant que l'on clique sur une image différente (couleur différente) pour faire croire que quelque chose a été fait, puis quand vous lâchez, il faut revenir en arrière.

J'essaie ce qui suit, mais cela ne semble pas être le cas. Quelqu'un a des conseils?

$(document).ready(function() { 

    $('.homeAlerts').on("vmousedown", "a", function() { 
     console.log("Clicked"); 
     $('#homeAlerts').attr('src','mages/HomeIcons/typeOneClicked_0003_Alerts'); 

    }); 


    $('.homeAlerts').on("vmouseup", "a", function() { 
     $('#homeAlerts').attr('src','mages/HomeIcons/typeOne_0003_Alerts.png'); 
    }); 

}); 

Markup

<div class="iconL"> 
         <a href="#alerts" class="homeAlerts"> 
          <img id="homeAlerts" src="images/HomeIcons/typeOne_0003_Alerts.png" /> 
          <center class="pullup">Alerts</center> 
         </a> 
        </div> 

Answer 1

Utilisez le mousedown jquery et mouseup fonctions à la place:

$("img#homeAlerts").mousedown(function(){ 
     $(this).attr("src", "images/HomeIcons/typeOneClicked_0003_Alerts.png") 
}); 
$("img#homeAlerts").mouseup(function(){ 
     $(this).attr("src", "images/HomeIcons/typeOne_0003_Alerts.png") 
}); 

Answer 2

pour répondre à votre question initiale, à peu près sûr que vous devez faire:

$('#homeAlerts').on("vmousedown", "a", function() { 
    console.log("Clicked"); 
    $(this).attr('src','mages/HomeIcons/typeOneClicked_0003_Alerts'); 

}); 


$('#homeAlerts').on("vmouseup", "a", function() { 
    $(this).attr('src','mages/HomeIcons/typeOne_0003_Alerts.png'); 
}); 

(votre s électeur essaie de sélectionner une classe, mais vous avez un identifiant sur votre image)