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 :

Débutant - Conflit menu javascript et vidéos avec effet lightbox


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Inscrit en
    Mars 2011
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 3
    Points : 1
    Points
    1
    Par défaut Débutant - Conflit menu javascript et vidéos avec effet lightbox
    Bonjour,
    J'utilise un menu javascript qui permet un effet dropdown.
    J'ai inséré dans une page un script qui utilise également une librairie Jquery pour un effet lightbox sur des vidéos.
    Malheureusement, le menu ne se déroule pas sur cette page.
    Je pense qu'il doit y avoir un conflit.
    J'ai lu sur des sites que le symbole $ serait en cause.

    Voici le lien de la page en question:
    http://www.plafondchauffant.fr/conte...videoslightbox

    Merci d'avance pour l'aide que vous pourrez m'apporter.

    Cordialement.

  2. #2
    Membre chevronné
    Avatar de gwinyam
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 162
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 162
    Points : 2 015
    Points
    2 015
    Par défaut
    Essaie en court-circuitant le problème via l'utilisation de l'aliasing :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    jQuery(document).ready(function($) {
      // Code using $ as usual goes here.
    });
    Tu remplaces ton classique
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jQuery(document).ready();
    et tu balances $ comme paramètre. Comme ça, pas besoin de tout ré-implémenter, change juste ta première ligne.

  3. #3
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 937
    Points
    22 937
    Billets dans le blog
    125
    Par défaut
    Bonjour

    @toutes et tous :

    S'il vous plaît, n'oubliez pas de consulter (et de renvoyer vers) la FAQ jQuery, les tutoriels jQuery et de faire une recherche dans le forum jQuery avant de poser une question.

    Extrait de : Où dois-je poser mon $ ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    jQuery.noConflict();
     
    jQuery(function($){ ... });

  4. #4
    Nouveau Candidat au Club
    Inscrit en
    Mars 2011
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 3
    Points : 1
    Points
    1
    Par défaut
    Bonsoir et merci pour les réponses.
    J'ai un fichier videolightbox.js qui commence ainsi:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    jQuery(function(){
    	var $=jQuery;
    et un fichier navmegadrownEvo.js qui commence par:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $(document).ready(function() {
    Je ne comprend pas à quel endroit placer:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    jQuery(document).ready(function($) {
      // Code using $ as usual goes here.
    });
    et je ne vois pas à quel endroit se trouve:
    pour le remplacer par:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jQuery(document).ready();
    désolé mais je suis novice en la matière...

    Cordialement.

  5. #5
    Membre chevronné
    Avatar de gwinyam
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 162
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 162
    Points : 2 015
    Points
    2 015
    Par défaut
    Remplace ton
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $(document).ready(function() {
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    jQuery.noConflict();
    jQuery(function($){
    dans navmegadrownEvo.js

  6. #6
    Nouveau Candidat au Club
    Inscrit en
    Mars 2011
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 3
    Points : 1
    Points
    1
    Par défaut
    Bonjour gwinyam,
    Merci pour ton aide.
    Malheureusement, cela désactive le menu. L'effet dropdown ne fonctionne plus.

    Cordialement.

Discussions similaires

  1. [Article] Menu de navigation fixe avec effet de slide au survol de la souris
    Par FirePrawn dans le forum Publications (X)HTML et CSS
    Réponses: 4
    Dernier message: 04/10/2012, 13h59
  2. [CSS 3] Menu de navigation fixe avec effet de slide au survol de la souris
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/10/2012, 13h59
  3. Combiner une zone cliquable avec effet lightbox?
    Par Payo Manuel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 17/03/2011, 23h13
  4. Réponses: 4
    Dernier message: 08/11/2007, 17h15
  5. [débutante] conflit entre 2 codes javascript ??
    Par silversky dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/09/2005, 01h42

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