jQuery Girl
  1. jQuery Girl
  3. WP ajoute un logo au centre du menu tout en ignorant les sous-menus?
Intereting Posts
Téléchargez le fichier Excel via AJAX MVC Renvoi de données ne fonctionne pas dans jQuery avec Ajax Jquery Plugins et variables globales jQuery asp control .prop («disabled», «») ne coche pas la case dans IE 9 Comment zoomer un div entier? Comment soumettre un formulaire sans actualiser une page à l’aide de Django, Ajax, jQuery? change () pour la sélection ajoutée ne fonctionne pas Ouverture / fermeture en fondu div lorsque l’utilisateur fait défiler l’écran jusqu’au bas de la page Prendre des photos depuis une webcam ou une caméra mobile dans des applications Web Backbone.js `transitions personnalisées` model.destroy () `? Quelles sont les bonnes techniques de débogage de javascript? Jquery Meter, ou quelque chose de similaire jQuery live () pour removeAttr ()? Comment gérer une erreur HTTP spécifique pour tous les appels AJAX? Erreur Google Map “Uncaught TypeError: Impossible de lire la propriété ‘x’ de non définie”

WP ajoute un logo au centre du menu tout en ignorant les sous-menus?

En utilisant le formulaire jQuery suivant, je peux centrer dynamicment un logo au milieu d’un menu wordpress, mais lorsque j’ajoute un sous-menu à la navigation principale, le logo disparaît. Comment pourrais-je réécrire ceci pour réduire les sous-menus?

JQuery: 

var position = $("ul#main_nav li").length-2; var i = 0; $('ul#main_nav li').each(function() { if(i == position/2) { $(this).after('<img src="https://stackoverflow.com/questions/39080069/wp-add-logo-into-center-of-menu-whist-ignoring-sub-menus//img/logo.png" alt="Logo" class="logo-img">'); } i++; });

HTML: 

 
     
  • ITEM1
    •  
  • ITEM2 
       
    • SUB-ITEM1
      •  
    • SUB-ITEM2
      •  
    • SUB-ITEM3
      •  
     
    •  
  • ITEM3
    •  
  • ITEM4
    •  
  • ITEM5
    •  
  • ITEM6
    •  
 

 var position = $("ul#main_nav > li").length-2; var i = 0; $('ul#main_nav li').each(function() { if(i == position/2) { $(this).after('Logo'); } i++; }); /* Try this */

Si, par hasard, quelqu’un d’autre découvre ce problème, voici la solution. 

 var position = $("ul#main_nav li.menu-item-object-page").length-2; var i = 0; $('ul#main_nav li.menu-item-object-page).each(function() { if(i == position/2) { $(this).after('Logo'); } i++; });

WordPress atsortingbue aux éléments de liste de navigation de premier niveau la classe .menu-item-object-page mais ne l’applique pas aux éléments de sous-menu. Il est donc un peu plus précis de définir les éléments à cibler et d’obtenir le résultat souhaité.