Je fais une application audio.
Lorsque je clique sur le bouton Lecture, son identifiant doit être changé dynamiquement - comme id = "paused".
Ensuite, en cliquant dessus, il devrait faire une pause, mais qui ne fonctionne pas.jQuery mobile ne passe pas par l'ID
$('#pauses').click(function())
Lorsque je clique sur le bouton de pause, il est toujours lu.
S'il vous plaît jeter un regard sur exemple: https://jsfiddle.net/shivam_sh/4zL4en10/2/
Vous pouvez apporter des modifications simples pour le faire fonctionner. Changer votre code html ajouter data-status
<a data-role="button" data-status="play" data-theme="a" id="play" href="#">Play</a>
Et pour le code JavaScript que vous pouvez le faire.
$('#play').click(function() {
if($(this).data('status') == "play") {
$(this).text("P A U S E");
$(this).data('status', 'pause');
doPlay();
} else {
$(this).text("P L A Y");
$(this).data('status', 'play');
doPause();
}
});
Ps: Évitez de faire des modifications à id de elements
laissez-moi savoir si travaille pour vous et acceptez la réponse afin qu'il puisse aider quelqu'un d'autre. –
Oui, cela fonctionne. Merci –
s'il vous plaît ne pas lier sur un site Web avec le code, car le contenu du site peut changer et les réponses affichées sur stackoverflow par conséquent peut-être faux – rmuc8
La modification dynamique de l'identifiant d'un élément DOM est pour le moins inhabituelle. – Huey
Oui ce ne sera pas une bonne chose à faire, essayez la classe ou vous pouvez aussi aller pour le changement simple que je viens de mentionner dans la réponse. –