IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Multiple slideDown dans le callback d'un slideDown


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Olve.OnRollOver
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    Mars 2012
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2012
    Messages : 52
    Par défaut Multiple slideDown dans le callback d'un slideDown
    Bonjour à tous,

    J'ai un problème avec ce code là :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $('#'+idVueQrno+' > p').slideDown("speed",function(){
    	// Developpez.com > Le slideDown suivant ne s'execute pas directement, mais quelque seconde après le passage dans cette section du script (vérifier avec un console.log)
    	$('#'+idVueQrno+' .bt_validUtil').slideDown("speed",function(){alert('deplier !!!!')});
    });
    Le comportement mis en commentaire dans le code m’étonne : en effet, l’élément qui devrait apparaître en slideDown() n'apparait pas directement. 3 secondes après environ, l'élément se décide enfin à se déroulé ("déplier").

    J'ai du mal à comprendre pourquoi.

    Pour information, j'ai déjà essayé :

    - de placer l'instruction du slideDown de l'élément .writeMess dans le callback du slidedown de l'élément .bt_valid : même délai d'attente, l’élément .writeMess de révélant qu'à la fin de l'animation de .bt_valid (normal quoi).
    - rajoute d'autres instructions dans différents ordres : C'est tout d'abord les autres instruction qui s'exécute, qu'elles soient placées avant ou après. Puis, au bout des 3 seconde, l'élément visé se déroule.
    - les 3 secondes ne correspondent à rien dans mes scripts (enfin je revérifies, mais je n'ai pas souvenir d'utiliser ce délai où que ce soit).

    Voilà, si quelqu'un avait une idée...

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    c'est quoi ton param "speed " ????

    slideDown attend des string prédéfinis comme slow fast ou une durée en millisecondes ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé Avatar de Olve.OnRollOver
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    Mars 2012
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2012
    Messages : 52
    Par défaut
    Oui, erreur de ma part en effet. J'ai changé le param "speed" en "fast" (equivalent à 200milliseconde). Mais rien de changé (le speed n'était juste pas interprété et le slide utilisait la valeur par défaut).

    Sinon, j'ai fait d'autres test :
    - réduire le nombre de div dans lequel la classe .bt_validUtile apparaissait. manifestement le temps avant lequel le slide s'effectue est proportionnel au nombre de div dans lequel l’élément de la classe .bt_validUtile apparait.
    > mon bouton sert à incrémenté de 1 le champs "utilité" lié à une Question/reponse dans une FAQ. Ce bouton de class .bt_validUtile est présent dans toute les Q/R, mais caché. Il s'affiche (slidedown) au moment du click sur l'intitule de la Q/R.
    L'esprit logique en concluerait que l'opération demandé (le slidedown) s'effectue sur tous les éléments de la classe .bt_utile avant de faire celui en cours. Mais je n'ai pas ce problème sur le bt ".envoie_message", lui aussi présent sur toutes les Q/R(mais pas dans le code que je vous presente)...
    - changer le slidedown en "display:block" ; le problème est contourné, l'effet est immédiat (esthétiquement brut, mais immédiat...).

    Mais ça reste toujours insoluble.

Discussions similaires

  1. HTML/CSS SlideDown dans un tableau
    Par kenmcrae dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/04/2015, 19h15
  2. Plusieurs menus slidedown dans une même page
    Par gilles11 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 08/08/2011, 11h21
  3. [MySQL] select multiple à reporter dans une requête
    Par PatBateman dans le forum PHP & Base de données
    Réponses: 10
    Dernier message: 07/03/2007, 14h05
  4. Passer plusieurs paramètres dans un callback (débutant!)
    Par pilouface dans le forum GTK+ avec C & C++
    Réponses: 2
    Dernier message: 07/02/2007, 20h42
  5. Réponses: 4
    Dernier message: 30/03/2006, 16h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo