PrestaShop Forum

Шаблон Panda. Блог встроенный - Smart Blog. Поддержка presta 1.6.14

Именно на страницах Блога глючит меню

1) При наведении на пункт меню не работает не изменяется фон у кнопок. Стиль куда-то исчез. Проблема мелкая, можно сделать самому.
2) Не открывается подменю. Само подменю есть . У него стиль   display:none;  При наведении должно изменятся на display:block например. Но оно не работает. Т.е. при mouseover ничего не происходит.  Видимо JS блога както перекрывает эту функцию. Вот где это событие и функцию искать ?  Надо просто выполнить функцию jquery  toggle() походу

Проверял в Firefox в дебагере. Нашел функцию megaHoverOver . На всех страницах она вызывается, на страницах блога не вызывается. Почему ? Явно какаято другая функция перегружает её, а как ее найти в 100 файлах престы ?

И как работает поиск в Firebug - он там вообще не работает нигде.
Есть ли какой-нибудь такой дебагер в каком-нибудь браузер, чтобы показал все функции повешанные на события обьекта ? Как CSS. Там показыавются все стили выбранного обьекта. А чтобы все события ? Это же так легко реализовать и так удобно . Вот сейчас бы узнал какая функция вызывается при событии mouseover . и в каком JS файле она находится. А сейчас мне приходится перебирать все JS файлы с поиском функции которая перегружает. Этоже адский труд.

Или както всё это по другому делается.

Таких вопросов много, ответ на них один.

Цитата: mAgency от 25 мая 2015, 14:29:45
Firebug установить, запустить консоль.
Отладка javascript в firebug

Цитата: DarinSr от 22 мая 2015, 08:03:35
Firebug установите, откройте консоль вебмастера, выделите этот блок и увидите где находятся стили блока.

ЦитироватьНашел функцию megaHoverOver . На всех страницах она вызывается, на страницах блога не вызывается. Почему ?

Потому что не подключается файл, в котором описана эта функция. Проверить нужно подключение этого файла.

ЦитироватьИ как работает поиск в Firebug - он там вообще не работает нигде.

В правом верхнем углу окно поиска.

ЦитироватьЕсть ли какой-нибудь такой дебагер в каком-нибудь браузер, чтобы показал все функции повешанные на события обьекта ?

Firebug  как раз и может показать.

ЦитироватьСамый лучший на текущий момент многоцелевой отладчик/инспектор для Firefox, который умеет массу полезного. Обязательный помощник в разработке.

Про Firebug много написано. Вот что пишут почти везде

Отладка кода с помощью Firebug
Современная отладка JavaScript
Редактирование и отладка javascript
Отладка JavaScript для начинающих

Если при подключении одного модуля не работает другой, то это конфликт версиий js библиотек или названий классов, ид. Легко проверяется в коде этих модулей. Поиск по содержимому файлов выдаст одинаковые названия ID. Версия js библиотек видна в названии файлов.

Как-то на абум решил проблему, но работает ... просто скопировал функцию megaHoverOver   в global.js  и всё.

ЦитироватьFirebug  как раз и может показать.

Перерыл всё . Не нашел. Может только IE 11 - вкладка Events. В Firebug  и Chrome такой нет. Но по любому с Jquery оно не поможет. Все события хранятся в переменных jquery и прост так их не достать.


Поиск. Он ищет только CSS селекторы.  Как просто текст найти ...  И опять таки IE 11 ищет как и положено.

По Jquery поиск не нужен. Для Jquery есть справка на сайте jquery.com, там все описано.
Про IE не знаю, не использую. В основном работаю FF и Chrome. По js коду искать можно так, в firefox выбрать вкладку Script, в поиске указать селектор/функцию и поиск будет вестись по js файлам. При нахождении, в правом окне покажет события/значения. Сразу можно установить точки остановки для отладки.

В Firefox Developer Tools добавлена поддержка событий jQuery
FireQuery