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 :

Style transform non chargé sur la page [AJAX]


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Mai 2019
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Mai 2019
    Messages : 61
    Par défaut Style transform non chargé sur la page
    Bonjour,

    J'ai créé un script qui permet de définir un comportement au chargement de ma page :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function initLoadLarge() {
     
            if (window.matchMedia("(min-width: 851px)").matches) {
                $('nav, #titre1, .menuGauche, .liseret, section .titre, section #caroussel').css('transform', 'translate(-260px)');
     
            } 
     
        }

    Cela fonctionne bien pour nav, #titre1, .menuGauche, .liseret mais pas pour section .titre, section #caroussel.
    Entre temps, je me suis rendu compte que je chargeais via un appel Ajax un contenu de page initialement.

    C'est à dire nav, #titre1, .menuGauche, .liseret est situé en dehors de l'appel Ajax
    Et section .titre, section #caroussel est chargé via l'appel Ajax.

    J'imagine donc que ça vient de là ...

    Comment faire pour que section .titre, section #caroussel soit concerné par mon .css('transform', 'translate(-260px) ?

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     $.ajax({
                url: "pages/accueil.php", success: function (result) {
                    loadingPage(result);
                    ajouterTitre();
                }
            });

    Merci d'avance pour votre aide et conseils

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    je ne comprends pas pourquoi tu as autant d'éléments à translater.
    Tu ne peux pas tous les mettre dans UN SEUL <div> (et du coup, ne translater QUE ce div) ?

  3. #3
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Mai 2019
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Mai 2019
    Messages : 61
    Par défaut
    Bonjour,

    J'ai bien essayé au départ, mais je ne sais pas pourquoi cela ne fonctionnait pas avec une seule grande div ... Je pense qu'il y a un conflit avec le carroussel qui est un plugin jQuery, alors j'ai utilisé une façon détournée d'arriver à mes fins

  4. #4
    Invité
    Invité(e)
    Par défaut
    Quand on doit faire des "bidouillages", ce n'est jamais bon signe.

  5. #5
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Mai 2019
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Mai 2019
    Messages : 61
    Par défaut
    Oui c'est clair, mais je voulais utiliser ce plugin, il me plait bcp J'étais prêt à faire des concessions. Après, cela fait longtemps que j'ai réalisé la feuille de style, il me semblait que pour une raison inconnue, l'animation ne se faisait pas lorsque j'utilisais une balise générale. Cad, le transform translate se faisait, mais de manière binaire, sans transition. En sélectionnant les balises une par une, l'animation pouvait se faire, ce qui donne ce côté moderne à ma page.

  6. #6
    Invité
    Invité(e)
    Par défaut
    Le plugin n'est pas en cause.

  7. #7
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Mai 2019
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Mai 2019
    Messages : 61
    Par défaut
    Oui, je me demandais. Il doit peut etre certaines propriétés qui fonctionnent mal sur une balise générale ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Page non chargée sur Windows/Qt 4.8/MingW
    Par divide dans le forum Réseau
    Réponses: 1
    Dernier message: 31/03/2012, 20h09
  2. Réponses: 3
    Dernier message: 25/09/2008, 19h17
  3. Réponses: 1
    Dernier message: 25/09/2008, 19h09
  4. [SQL] Requêtes fonctionnant sous Phpmyadmin et non pas sur ma page PHP
    Par yul94 dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 07/09/2007, 19h52

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