JQuery sélectionné onglet problème?

Je suis assez nouveau dans JQuery et, pour une raison quelconque, je ne parviens pas à mettre en surbrillance correctement l’onglet actuellement sélectionné. Il doit être de couleur différente lorsqu’il est sélectionné. Quelqu’un peut-il m’aider à résoudre ce problème?

Voici le JQuery.

$(document).ready(function() { //When page loads... $(".form-content").hide(); //Hide all content $("#menu ul li:first").addClass("selected-link").show(); //Activate first tab $(".form-content:first").show(); //Show first tab content //On Click Event $("#menu ul li").click(function() { $("#menu ul li").removeClass("selected-link"); //Remove any "selected-link" class $(this).addClass("selected-link"); //Add "selected-link" class to selected tab $(".form-content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the href atsortingbute value to identify the selected-link tab + content $(activeTab).fadeIn(); //Fade in the selected-link ID content return false; }); }); 

Voici le CSS.

 #container { width: 1024px; background: blue; padding: 0px; margin: 0px; float: left; } #menu { padding: 0px; margin: 0px; } #menu ul { width: 1024px; padding: 0px; margin: 0px; margin-top: 25px; border: 0px; float: left; text-align: left; list-style-type: none; } #menu li { margin: 0px; margin-right: 1px; padding: 0px; float: left; border: 0px; width: auto; } #menu a:link, #menu a:visited { padding: 9px 9px; float: left; color: white; text-decoration: none; background: black; width: auto; } #menu a.selected-link, #menu a:hover { background: blue; color: white; } 

Voici le HTML.

• Style de table jQuery vs style de table CSS pour les lignes alternatives
• Positionnez un qui rest en bas
• Pourquoi pageX et pageY sont-ils relatifs au wrapper et non au document?
• La méthode jQuery .css () ne fonctionne pas
• td border disparaît lors de l’application de transform translate

  
 
 
 
tab 1
 
tab 2
 
tab 3
 
tab 4
 
tab 5
 
 
 
 
 
tab 1
 
 
 
tab 2
 
 
 
tab 3
 
 
 
tab 4
 
 
 
tab 5
 
 
 
 

• Div Table avec colonne droite fixe
• Comment fermer ce menu en cliquant à l’extérieur?
• Menus déroulants dynamics utilisant jQuery for Website
• Basculement d’un seul élément dans une classe lorsque l’utilisateur clique sur une autre div
• Comment changer le style réactif bootstrap?

 $(document).ready(function() { //When page loads... $(".form-content").hide(); //Hide all content var firstMenu = $("#menu ul li:first"); firstMenu.show(); firstMenu.find("a").addClass("selected-link"); //Activate first tab $(".form-content:first").show(); //Show first tab content //On Click Event $("#menu ul li").click(function() { $("#menu ul li a").removeClass("selected-link"); //Remove any "selected-link" class $(this).find("a").addClass("selected-link"); //Add "selected-link" class to selected tab $(".form-content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the href atsortingbute value to identify the selected-link tab + content $(activeTab).fadeIn(); //Fade in the selected-link ID content return false; }); }); 

 $("#menu ul li").removeClass("selected-link"); $(this).addClass("selected-link"); 

 $("#menu ul li").find('a').removeClass("selected-link"); $(this).find('a').addClass("selected-link");