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 :

Conflit entre 2 scripts


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 4
    Par défaut Conflit entre 2 scripts
    Bonjour

    Je doit bien avouer que j'y connais pas grand chose en javascript - jquery et j'ai un soucis sur mon site que je ne sais pas trop comment fixer.

    J'ai un site sous xoops et j'uitilise un slider dans mon header

    Je n'avais qu'un seul script à la base et il fonctionne très bien indépendamment, maintenant j'ai ajouter un 2eme script pour traiter mes images et le slider ne fonctionne plus.

    Voici le code du slider, il est situé dans un fichier html à part qui est appellé par la page theme.html:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery-1.6.4.min.js}>"></script>
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery.nivo.slider.pack.js}>"></script>
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery.nivo.slider.js}>"></script>
        <script type="text/javascript">	
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
     
        </script>
    J'ai essayé de rajouter un jQuery.noConflict(); mais sans succès, je pense plutôt que c'est l'appel de différente librairie qui pose problème.

    et voici donc mon second script qui me présente mes images de façon dynamique, mais il à pris le pas sur l'autre script.

    Il est situé dans un fichier html de template de module, il est appellé en seconde position par rapport à l'autre script.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
     
    	$('.xoopstube_image-wrap img').each(function() {
    		var imgClass = $(this).attr('class');
    		$(this).wrap('<span class="image-wrap ' + imgClass + '" style="width: auto; height: auto;"/>');
    		$(this).removeAttr('class');
    	});
     
    });
    </script>

    Donc je voulais savoir comment faire pour éviter les conflits quand on utilise plusieurs script javascript - jquery sur la même page?

    Pour infos j'ai donc essayé noconflict, et j'ai essayer de supprimer un des deux appel de librairie mais ça ne fonctionne pas.

    Merci d'avance pour votre aide

  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
    regarde du coté de Ceci étant c'est une très mauvaise idée d'avoir plusieurs versions de Jquery sur la page ...
    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 à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 4
    Par défaut
    Il y a certainement quelque chose que je ne fait pas comme il faut

    j'ai donc modifier mon slider comme suit:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery-1.6.4.min.js}>"></script>
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery.nivo.slider.pack.js}>"></script>
        <script type="text/javascript" src="<{xoImgUrl slider/scripts/jquery.nivo.slider.js}>"></script>
        <script type="text/javascript">	
    	jQuery.noConflict();
            jQuery(window).load(function() {
                jQuery('#slider').nivoSlider();
            });
     
        </script>
    Mais je n'ai aucun changement

    Ca vous parait certainement flagrant, mais pas moi, je suis un novice, veuillez m'en excuser.

  4. #4
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <script type="text/javascript">	
    	var $j=jQuery.noConflict();
            $j(window).load(function() {
                $j('#slider').nivoSlider();
            });
     
        </script>
    Mais encore une fois c'est une mauvaise idée d'avoir deux versions de JQuery sur la page ...
    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 !

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 4
    Par défaut [Résolu]
    Merci beaucoup pour ton aide, ça fonctionne,

    Pour ce qui est d'utiliser 2 script sur la même page, c'est un peut un problème car xoops appel plusieurs fichiers html pour construire la page, pas de page indépendante, et si on a un script javascript - jquery comme moi dans le header alors c'est toutes les pages du site.

    Je ne vois pas comment faire autrement.

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

Discussions similaires

  1. [MooTools] Conflit entre deux scripts utilisant du Mootools
    Par kurkaine dans le forum Bibliothèques & Frameworks
    Réponses: 6
    Dernier message: 24/02/2011, 19h59
  2. conflit entre 2 scripts jquery
    Par diice dans le forum jQuery
    Réponses: 3
    Dernier message: 15/02/2010, 15h02
  3. conflit entre plusieurs scripts dans une même page
    Par lebenou13 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 11/11/2009, 15h17
  4. Conflit entre 2 scripts : Lightbox et appli Java3D
    Par Moobs dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/07/2009, 10h16
  5. Conflit entre deux script javascript
    Par Tyrael62 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/06/2008, 09h39

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