jQuery Girl
  1. jQuery Girl
  3. Mettez en surbrillance le lien parent dans le menu de navigation avec Jquery
Intereting Posts
Meilleure façon de commencer à utiliser jQuery dans une application Zend Framework 1.9? Pour JavaScript ou jQuery, comment faire en sorte que l’événement transitionend ne se déclenche pas? pourquoi je ne peux pas renvoyer les données de $ .post (jquery) R souris shiny à toutes les cellules de la table Obtenir un enfant dans un enfant dans JSON / Itérer via JSON nested avec jQuery / JS? Nombres Javascript Regex séparés par des virgules | > | > = <= accordéon jQuery, ouvrant une boîte basée sur href Boucle continue de la fonction d’ouverture / fermeture en fondu Comment convertir un fichier JSON d’un format à un autre? Comment puis-je rendre ce jQuery plus rapide que ce que j’ai? Charger des données JSON dans un modal Bootstrap La validation jQuery n’attend pas la validation à distance pour retourner true, considère que le formulaire est valide jQuery pour rendre HTML5 Canvas Responsive Jquery infinite scroll – avec div not scrollbar of body Pour obtenir la valeur d’un TD à l’aide de JQuery

Mettez en surbrillance le lien parent dans le menu de navigation avec Jquery

J’utilise le JQuery suivant pour mettre en évidence le lien de la page en cours dans ma navigation. 

// Add Active Class To Current Link var url = window.location; // get current URL $('#nav a[href="'+url+'"]').addClass('active');

Ma navigation ressemble à ceci:

Le nav a un subnav pour la section “de nous”.

J’aimerais que le lien “À propos de nous” reçoive la classe “active” afin qu’elle rest en surbrillance lorsque je suis sur l’une de ses pages subnav.

Ainsi, par exemple, si je suis sur la page “Sub Link 2”, le lien À propos de nous reçoit une classe active.

Quelqu’un peut-il me diriger dans la bonne direction ici?

Merci de votre aide

Essayez ci-dessous le code, 

 // Add Active Class To Current Link var url = window.location; // get current URL $('#nav a[href="'+url+'"]').addClass('active'); var $activeUL = $('.active').closest('ul'); /* Revise below condition that tests if .active is a submenu */ if($activeUL.attr('id') != 'nav') { //check if it is submenu $activeUL .parent() //This should return the li .children('a') //The childrens are  and 
     .addClass('active'); //add class active to the a }