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

Bibliothèques & Frameworks Discussion :

Empêche d'autres scripts jquery de fonctionner correctement


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2009
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Sénégal

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

    Informations forums :
    Inscription : Avril 2009
    Messages : 16
    Par défaut Empêche d'autres scripts jquery de fonctionner correctement
    Bonjour à tous,
    J'utilise sur mon site 2 couple de librairies javascript dont prototype et effects pour qu'au click sur une rubrique on ait un un aperçu de contenu qui s'affiche en se déroulant en effet slide down et se fermer en effet slide up, le deuxième couple de librairies est jquery-1.4.4.min et slides.min.jquery qui me permettraient d'avoir une sorte de newslider automatique c'est à dire un affichage alterné et automatique de contenus. Cepandant, l'effet que permettent prototype et effects marche très bien mais l'effet de newslider ne fonctionne pas. Quand j'enlève prototype l'effet newslider marche alors j'en conclue que c'est prototype qui est incompatible avec les autres librairie. J'utilise aussi le script le script facebook qui permet d'afficher le fans de mon site mais il faut que je place prototype en dessous du script facebook pour que ce dernier s'affiche. l'adresse de mon site :http://www.webcom.sn

    mes scripts d'appel des librairies :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <script type="text/javascript" src="#CHEMIN{js/jquery-1.4.4.min.js}"></script>
    <script type="text/javascript" src="#CHEMIN{js/slides.min.jquery.js}"></script>
     
    	<script>
            $(function(){
                            // Set starting slide to 1
                            var startSlide = 1;
                            // Get slide number if it exists
                            if (window.location.hash) {
                                    startSlide = window.location.hash.replace('#','');
                            }
                            // Initialize Slides
                            $('#slides').slides({
                                    preload: true,
                                    preloadImage: 'img/loading.gif',
                                    generatePagination: true,
                                    play: 5000,
                                    pause: 2500,
                                    hoverPause: true,
                                    // Get the starting slide
                                    start: startSlide,
                                    animationComplete: function(current){
                                            // Set the slide number as a hash
                                            window.location.hash = '#' + current;
                                    }
                            });
                    });
            </script>

    Est ce quelqu'un aurait une solution?
    Merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Il faut regarder du coté de jQuery.noconflict().
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2009
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Sénégal

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

    Informations forums :
    Inscription : Avril 2009
    Messages : 16
    Par défaut la fonction jQuery.noConflict() ne donne rien
    Merci Bovina
    j'ai bien utiliser la fonction jQuery.noConflict() dans mon script jquery mais cela ne donne rien. Y'aurait-il autre chose à faire ou est ce que je l'ai mal utiliser. Ci-dessous mon code modifié avec la fonction jQuery.noConflict()

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    <script type="text/javascript" src="#CHEMIN{js/prototype.js}"></script>
    <script type="text/javascript" src="#CHEMIN{js/effects.js}"></script>
    
    
    <script type="text/javascript" src="#CHEMIN{js/jquery-1.4.4.min.js}"></script>
    <script type="text/javascript" src="#CHEMIN{js/slides.min.jquery.js}"></script>
     
    	<script>
    	jQuery.noConflict();
    	jQuery(document).ready(function(){
    			// Set starting slide to 1
    			var startSlide = 1;
    			// Get slide number if it exists
    			if (window.location.hash) {
    				startSlide = window.location.hash.replace('#','');
    			}
    			// Initialize Slides
    			jQuery('#slides').slides({
    				preload: true,
    				preloadImage: 'img/loading.gif',
    				generatePagination: true,
    				play: 5000,
    				pause: 2500,
    				hoverPause: true,
    				// Get the starting slide
    				start: startSlide,
    				animationComplete: function(current){
    					// Set the slide number as a hash
    					window.location.hash = '#' + current;
    				}
    			});
    		});
    	</script>
    Merci d'avance

  4. #4
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

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

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par défaut
    prototype pose assez souvent des problèmes avec d'autres scripts.

    A ta place j'essaierais plutôt de n'utiliser que jquery car il doit bien y avoir des modules qui font l'équivalent de tes fonctions prototype. Et au final ton code serait plus optimisé.

  5. #5
    Membre habitué
    Inscrit en
    Décembre 2010
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 10
    Par défaut
    Salut

    La fonction noconflict ne marche pas parce que tu n'utilises pas la derniere version.

    1- Télécharger la dernière version de Jquery et tu pourras utiliser aussi bien jquery que autre bibliothèque.

    2- Dans ton code personnel jquery (pas la bibliotheque jquery mais le code que tu as ecrit), remplace tout ce qui est $( par $jQuery exemple:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var $j = jQuery.noConflict();
     
         // Use jQuery via $j(...)
         $j(document).ready(function(){
    3 - Jette un coup d'oeil ici pour plus de comprehension :

    http://docs.jquery.com/Using_jQuery_...ther_Libraries

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par kressly
    La fonction noconflict ne marche pas parce que tu n'utilises pas la derniere version.
    noConflict() existe depuis la toute première version de jQuery...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Réponses: 23
    Dernier message: 12/08/2012, 11h10
  2. Réponses: 10
    Dernier message: 28/05/2011, 23h04
  3. script jquery fonctionne pas sous IE
    Par bigbo26 dans le forum jQuery
    Réponses: 3
    Dernier message: 18/06/2010, 11h24
  4. Long script qui empêche une autre connexion
    Par Christophe Charron dans le forum Langage
    Réponses: 4
    Dernier message: 06/03/2008, 17h34
  5. Réponses: 8
    Dernier message: 10/08/2007, 10h43

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