[jQuery] Utilisation de .queue
Résolu
ghFrankfurt
Messages postés
227
Statut
Membre
-
ghFrankfurt Messages postés 227 Statut Membre -
ghFrankfurt Messages postés 227 Statut Membre -
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
- Family link temps d'utilisation ne fonctionne pas - Forum Contrôle parental
- La ressource demandée est en cours d'utilisation ✓ - Forum Logiciels
- 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 );
});
});