jQuery класс удаляет работы на скрипке, но не на сайте

Question

Я написал сценарий jQuery для изменения класса в элементе списка при наведении указателя мыши на метку. Он работает в Fiddle. Не работает на сайте.

На живом сайте, когда вы наводите указатель мыши на «Market Sector», он должен отображать подменю выбора.

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/

ЖИВОЙ САЙТ:

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

Answer 1

Функция работает на месте при добавлении в веб-консоли Dev. Кажется, что проблема связана со сценарием inline в разделе главы, хотя jQuery загружен раньше. Вы должны просто переместить функцию во внешний .js-файл либо в новый .js, содержащий дополнительные функции, подобные этому, либо уже существующим, как /wp-content/themes/Avada/js/main.js, который уже содержит различные помощники функций и функций для навигации и плагинов на вашем сайте.
Хотя это не решит проблему, я также заметил, что есть ошибка javascript, вызванная /wp-content/plugins/media-grid/js/frontend_old_js.js линией 336 - там вызывается функция jquery live(), которая устарел с версии jQuery 1.7. Если возможно, просто удалите include из этого .js или, если вы не уверены, что часть этого .js по-прежнему необходима, просто удалите часть кода ниже «Функции MediaGrid (v2.32) -« старая версия »или комментарий чтобы избавиться от ошибки.