La classe jQuery supprime les œuvres sur le violon mais pas sur le site Web - jQuery

J'ai écrit un script jQuery pour changer la classe d'un élément de la liste lorsque vous passez la souris sur une étiquette. Cela fonctionne dans Fiddle. Ne fonctionne pas sur le site.

Sur le site actif, lorsque vous passez le curseur de la souris sur "Secteur du marché", un sous-menu de choix apparaît.

jQuery:

jQuery(document).ready(function () {
jQuery("#navnav").hover(function () {
$("#navnav>li.display-none").removeClass("display-none");
},

function () {
jQuery("#navnav>li").addClass("display-none");
});
});

http://jsfiddle.net/3egwq9gt/8/

SITE LIVE:

http://184.168.245.89/dev/test-gallery-2/

Réponses:

La fonction fonctionne sur le site lorsqu'elle est ajoutée à laconsole de développement web. Il semble y avoir un problème avec le script en ligne dans la section head, bien que jQuery soit chargé auparavant. Vous devez simplement déplacer la fonction vers un fichier .js externe, soit vers un nouveau fichier .js contenant des fonctions supplémentaires telles que celle-ci, soit vers un fichier existant tel que /wp-content/themes/Avada/js/main.js contenant déjà divers helper fonctions et fonctions pour la navigation et les plugins sur votre site.
Bien que cela ne résolve pas le problème, j’ai aussi remarqué qu’il y avait une erreur javascript causée par /wp-content/plugins/media-grid/js/frontend_old_js.js ligne 336 - la jquery live() fonction est appelée qui est obsolète depuisjQuery version 1.7. Si possible, supprimez simplement l'inclusion de ce .js ou, si vous n'êtes pas sûr si une partie de ce .js est toujours nécessaire, supprimez simplement le code ci-dessous "Fonctions de MediaGrid (v2.32) - ancienne version $" ou commentaire il faut se débarrasser de l'erreur.