[Résolu] Erreur de compatibilité jQuery

  • WordPress :5.2
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2276110
    barale61
    Participant
    Initié WordPress
    41 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : DIVI
    • Extensions en place :
    • Nom de l’hébergeur : localhost
    • Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour,

    Je souhaite embellir mes lien dans mon menu en fonction de la position des différentes sections sur ma page (one page avec liens glissants) mon script jQuery fonctionne très bien sur une page de test html mais sur wordpress, il ne fonctionne pas malgré que j’ai remplacé les $ par jQuery il me renvoie des erreurs qui me font penser à un problème de compatibilité.

    Je vous remercie de votre aide.

    Voici mon script:

    jQuery(document).ready(function () {
    	jQuery(document).on("scroll", onScroll);
    
        //smoothscroll
        jQuery('a[href^="#"]').on('click', function (e) {
        	e.preventDefault();
        	jQuery(document).off("scroll");
    
        	jQuery('a').each(function () {
        		jQuery(this).removeClass('link-active');
        	})
        	jQuery(this).addClass('link-active');
    
        	var target = this.hash,
        	menu = target;
        	jQuerytarget = jQuery(target);
        	jQuery('html, body').stop().animate({
        		'scrollTop': jQuerytarget.offset().top+2
        	}, 500, 'swing', function () {
        		window.location.hash = target;
        		$(document).on("scroll", onScroll);
        	});
        });
    });
    
    function onScroll(event){
    	var scrollPos = jQuery(document).scrollTop();
    	jQuery('#top-menu a').each(function () {
    		var currLink = jQuery(this);
    		var refElement = jQuery(currLink.attr("href"));
    		if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
    			jQuery('#top-menu li a').removeClass("link-active");
    			currLink.addClass("link-active");
    		}
    		else{
    			currLink.removeClass("link-active");
    		}
    	});
    }

    Voici la copie d’écran des erreurs:

     

    • Ce sujet a été modifié le il y a 2 mois et 2 weeks par barale61.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2276286
    momofr@free.fr
    Modérateur
    Maître WordPress
    2763 contributions

    Salut, tu utilises un thème Premium, les forums WPFR ne répondent qu’aux extensions et thèmes gratuits (que nous pouvons tester), je t’invite à voir plutôt du côté des forums Divi ou de consulter cette vidéo qui présente comment faire un menu One Page avec Divi.

    #2276399
    barale61
    Participant
    Initié WordPress
    41 contributions

    Bonjour,

    J’ai fait une autre installation de wordpress avec le thème Twenty Nineteen dont j’ai créé un thème enfant et le résultat est le même.

    #2276403
    momofr@free.fr
    Modérateur
    Maître WordPress
    2763 contributions

    Salut, oui sans doute mais si je comprend bien la vidéo tu n’as pas besoin d’ajouter du Javascript pour ton menu One Page. As-tu essayé la solution proposée par ce spécialiste Divi ?

    #2276459
    barale61
    Participant
    Initié WordPress
    41 contributions

    Merci c’est ce que je cherchais à faire.

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.