[jQuery] Utilisation de .queue
Résolu
ghFrankfurt
Messages postés
207
Date d'inscription
Statut
Membre
Dernière intervention
-
ghFrankfurt Messages postés 207 Date d'inscription Statut Membre Dernière intervention -
ghFrankfurt Messages postés 207 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'essaye désespérément de faire fonctionner la fonction queue pour faire apparaître le texte dans un block(div) juste après son apparition.
Alors pour vous expliquer : Au clique d'un bouton, la fonction "go" commence, il fait apparaître le div, puis doit normalement, à la fin de son animation, faire apparaître le texte (slider, player, social) dedans mais le problème c'est que le texte arrive en même temps que le block.
Le texte doit ensuite disparaître en premier. Puis le block en second. Mais pour la seconde partie, j'arriverais peux être à adapter en fonction de la première partie.
Si quelqu'un aurait une idée de pourquoi ma fonction ne pas correctement....?
Merci beaucoup!!
J'essaye désespérément de faire fonctionner la fonction queue pour faire apparaître le texte dans un block(div) juste après son apparition.
Alors pour vous expliquer : Au clique d'un bouton, la fonction "go" commence, il fait apparaître le div, puis doit normalement, à la fin de son animation, faire apparaître le texte (slider, player, social) dedans mais le problème c'est que le texte arrive en même temps que le block.
Le texte doit ensuite disparaître en premier. Puis le block en second. Mais pour la seconde partie, j'arriverais peux être à adapter en fonction de la première partie.
Si quelqu'un aurait une idée de pourquoi ma fonction ne pas correctement....?
//première partie $("#go").toggle(function(){ $("#block").animate({ width: "270px", height: "100%", padding: "30px" },"slow") .queue(function() { $("#arrow").attr("src", "arrow_02.png"); $(".slider,.player,.social").show("slow"); $(this).dequeue(); }); //seconde partie },function() { $("#block").animate({ width: "0px", height: "0%", padding: "0px" },"slow") .queue(function() { $("#arrow").attr("src", "arrow_01.png"); $(".slider,.player,.social").hide("slow"); $(this).dequeue(); }); });
Merci beaucoup!!
A voir également:
- [jQuery] Utilisation de .queue
- Utilisation chromecast - Guide
- Télécharger gratuitement notice d'utilisation - Guide
- La ressource demandée est en cours d'utilisation ✓ - Forum Logiciels
- Family link temps d'utilisation ne fonctionne pas - Forum Contrôle parental
- Impossible d'utiliser ce numéro de téléphone pour la validation - Forum Gmail
1 réponse
Trouvé, merci quand même :)
$("#go").toggle(function () {
$("#block").show("slow");
$("#block").animate({width: "270px", height: "100%", padding: "30px"});
jQuery.queue( $("#block")[0], "fx", function () {
$("#arrow").attr("src", "arrow_02.png");
$(".social,.player, #message").show("slow");
jQuery.dequeue( this );
});
},function() {
$("#arrow").attr("src", "arrow_01.png");
$("#message,.player,.social").hide("slow");
jQuery.queue( $(".social")[0], "fx", function () {
$("#block").hide("slow");
$("#block").animate({width: "0px", height: "0%", padding: "0px"});
jQuery.dequeue( this );
});
});
$("#go").toggle(function () {
$("#block").show("slow");
$("#block").animate({width: "270px", height: "100%", padding: "30px"});
jQuery.queue( $("#block")[0], "fx", function () {
$("#arrow").attr("src", "arrow_02.png");
$(".social,.player, #message").show("slow");
jQuery.dequeue( this );
});
},function() {
$("#arrow").attr("src", "arrow_01.png");
$("#message,.player,.social").hide("slow");
jQuery.queue( $(".social")[0], "fx", function () {
$("#block").hide("slow");
$("#block").animate({width: "0px", height: "0%", padding: "0px"});
jQuery.dequeue( this );
});
});