JQuery DropDown Menu ou le mystère de la flèche en double… (Créer un compte)

Bonjour à tous,

Il y a quelque chose qui me turlupine depuis deux jours: j’ai installé le plugin Jquery DropDown Menu sur le site que je réalise en ce moment pour un client. Il fonctionne à merveille, récupère automatiquement l’ordre des pages, toussa toussa, impeccable. MAIS! Il s’obstine à placer les flèches indiquant la présence d’un sous menu EN DOUBLE, l’une à côté de l’autre, au lieu de n’en mettre qu’une seule. Je précise que ceci se produit sans rien toucher au code d’origine, et même lorsqu’on laisse la flèche générée automatiquement par le script (de simples guillemets, en fait).

Donc ma question est: que se passe-t-il donc? Se pourrait-il que le plugin contienne une erreur de code native? En ce qui me concerne, je ne suis pas suffisamment calée en javascript pour régler le problème. Je sais exactement où ce situe la chose dans le script, j’identifie bien la structure du menu généré et les balises contenant les guillemets. Mais je ne parviens pas à corriger l’erreur. Si vous pouviez m’aider à comprendre, please…je vous donne le code initial, tel qu’on le trouve en décompressant le plugin:

<?php echo'<script> 	
	  $(document).ready(function(){
		 jQuery(« #dropmenu ul »).css({display: « none »}); 
				 // For 1 Level
	     jQuery(« #dropmenu li:has(ul) a »).append(« <span> »</span>« ); 
	     jQuery(« #dropmenu li ul a span »).text(«  »);
	   // For 2 Level
	     jQuery(« #dropmenu li ul li:has(ul) a »).append(« <span> »</span>« ); 
         jQuery(« #dropmenu li ul li ul a span »).text(«  »); 
	   // For 3 Level
	     jQuery(« #dropmenu li ul li ul li:has(ul) a »).append(« <span> »</span>« ); 
	     jQuery(« #dropmenu li ul li ul li ul li a span »).text(«  »);
	  
	  // For 4 Level
	    jQuery(« #dropmenu li ul li ul li ul li:has(ul) a »).append(« <span> »</span>« ); 
	    jQuery(« #dropmenu li ul li ul li ul li ul li a span »).text(«  »);
		
	  // For 5 Level
	     jQuery(« #dropmenu li ul li ul li ul li ul li:has(ul) a »).append(« <span> »</span>« ); 
	     jQuery(« #dropmenu li ul li ul li ul li ul li ul li a span »).text(«  »);
	  
	     // For 6 Level    
	     jQuery(« #dropmenu li ul li ul li ul li ul li ul li:has(ul) a »).append(« <span> »</span>« ); 
	     jQuery(« #dropmenu li ul li ul li ul li ul li ul li ul li a span »).text(«  »);
		 ‘.$Jquerycode.’
	 });
		</script>
‘ ; ?>

Je ne mets que ce bout là parce que c’est la zone qui génère le menu. Et c’est donc le  » qui apparaît en double. Je ne pense pas que le reste du script soit utile, car il ne présente que la définition des différentes variables relatives aux effets de transition, à l’ordre de tri des pages…et rien qui touche de près ou de loin le petit doublonnant qui commence à me prendre le chou bien comme il faut!

Je précise également que j’ai testé différentes choses: vider le contenu du span, ce qui a pour effet de ne plus rien mettre du tout, évidemment. Tenter de configurer une disparition du span supplémentaire via le CSS, (inefficace), tenter de modifier le contenu des lignes du code (enlever l’espace avant le guillemet, par exemple, ou encore ne mettre que l’espace…): rien ne produit le résultat attendu. Soit les guillemets disparaissent, soit ils apparaissent carrément sur tous les éléments du menu (se produit si on supprime le span dans la ligne jQuery(« #dropmenu li ul a span »).text(«  »); par exemple) , soit ils fonctionnent par deux.

En gros, je sèche.

Merci de votre aide 😉

Edit: sur les conseils avisés du wordpress addict qui se reconnaîtra, voici l’url du plugin: JQuery Drop Down Menu