0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 621 Просмотров
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Всем доброго времени суток!

Сделал себе шаблон для Joomla 3.8 под T3 Framework.
В общем всё хорошо, но в мобильной версии сайта офф канвас меню меня не устроило на этом фреймворке.
Установил себе JUX Mega Menu, оно работает так, как мне нужно, но в этом меню есть кнопка, которую нужно нажать, что бы меню открылось, а мне нужно, что бы оно сразу открыто было, а кнопки вообще не было, т.к. меню уже вставлено в модуль, который открывается нажатием.  ^-^ В общем, всё перерыл, ковырял и php и CSS, у меня то вообще меню полностью пропадает, то становится не юзабельным итд итп.

Насколько я разобрался, этот код отвечает за вывод
Код
<div id="jux_memamenu<?php echo $module->id;?>">
    <div id="megamenucss" class="megamenucss<?php echo $module->id;?>">
        <div id="js-mainnav" class="clearfix <?php echo $menuStyle; ?>  megamenu">
             <?php if($params->get('responsive_toggle_button', 1)) :
                // $toggle_type = !$params->get('css3_noJS', 0)? 'js' : 'css3';
                $toggle_type = 'CSS3';
            ?>
              <div id="<?php echo $toggle_type; ?>-megaMenuToggle" class="megaMenuToggle">
                <i class="jux-fa jux-fa-bars font-item-menu"></i>
            </div>
            <?php endif; ?>
            <?php $dropdownmenu->genMenu (0, -1); ?>
        </div>
    </div>
</div>
модуль на всякий залил на Google диск https://drive.google.com/open?id=1ZU_JX4h4Pikbp-yvDti6QSATSlPTUaWv

Вот эту кнопку трёхполосную сверху слева убрать хочу, но когда я её убираю, то меню не появляется, пробовал в ксс поменять display:none на display: block, отображает как надо, но пока на эти полоски не нажмёшь, меню не активное =)

« Последнее редактирование: 09.07.2019, 23:51:39 от spdx15 »
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #1 : 10.07.2019, 04:44:48 »
Сделал, что бы меню было сразу открытым

Теперь, при первом заходе оно выглядит вот так


Но меню не активно, то есть оно не раскрывается при нажатии, что бы оно раскрывалось, всё так же нужно нажать на эти 3 полоски ))
После нажатия на 3 полоски меню становится активным и появляются стрелочки навигационные, выглядит оно так


Заметил, что при нажатии на 3 полоски в код добавляется несколько строчек +классы и стили к элементам меню.
Обнаружил всё это дело в navAccordion.js файле, может кто знает, как сделать, что бы эти 3 полоски изначально были активными, будто на них нажали уже?)
код скрипта не влез сюды, залил на Google диск https://drive.google.com/file/d/1O3C6j-a_Da1h-_3oo2exD3MMTEopfe-p/view?usp=sharing

*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #2 : 10.07.2019, 08:32:56 »
может кто знает, как сделать, что бы эти 3 полоски изначально были активными, будто на них нажали уже?)
Может и знает кто. Но ссылки нет, чтоб проверить. Самое простое - один из двух вариантов:
1) делать клик JS-ом после загрузки. Т.е. вызывать триггер, эмулирующий реальный клик;
2) все-таки дать правильные классы изначально, которые присваиваются после реального клика.
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #3 : 10.07.2019, 11:46:20 »
Может и знает кто. Но ссылки нет, чтоб проверить. Самое простое - один из двух вариантов:
1) делать клик JS-ом после загрузки. Т.е. вызывать триггер, эмулирующий реальный клик;
Залил на тестовый хостинг http://www.u0759333.isp.regruhosting.ru/ меню появляется в мобильной версии
Цитировать
2) все-таки дать правильные классы изначально, которые присваиваются после реального клика.
изначально было стандартное меню в отдельном модуле, но оно не поддерживает функцию аккордеон меню или как оно там называется, теперь модуль в модуле =))
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #4 : 10.07.2019, 11:55:10 »
Код
<script>
    jQuery(function(){
        jQuery('button[data-nav="#t3-off-canvas-categories"]').trigger('tap');
    });
</script>
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #5 : 10.07.2019, 12:14:11 »
Код
<script>
    jQuery(function(){
        jQuery('button[data-nav="#t3-off-canvas-categories"]').trigger('tap');
    });
</script>

вот походу это оно самое! но нужно нажать такую же кнопку, только не в t3-off-canvas-categories, а которая внутри t3-off-canvas-categories =)

Собственно сами пронаблюдать сейчас можете, открывается сам модуль, а меню внутри него не активно, там тоже нужно нажать кнопку
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #6 : 10.07.2019, 12:17:37 »
У меня сейчас меню открыто и активно. Правда смотрю из браузерной эмуляции мобильного экрана. С реальной мобилы не могу зайти.
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #7 : 10.07.2019, 12:21:30 »
У меня сейчас меню открыто и активно. Правда смотрю из браузерной эмуляции мобильного экрана. С реальной мобилы не могу зайти.
я тоже с браузерной эмуляции смотрю.



На картинке, слева это активный модуль, а справа активное меню в этом модуле после нажатия на 3 полоски внутри модуля, которые над меню =)
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #8 : 10.07.2019, 12:28:41 »
Код
jQuery('#CSS3-megaMenuToggle').trigger('click');
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #9 : 10.07.2019, 12:39:53 »
Код
jQuery('#CSS3-megaMenuToggle').trigger('click');
Ура! Спасибо наигромнейшее! Всю ночь и пол дня с этой штукой просидел =) Осталось только спрятать внутренние 3 полоски, но с этим я сам разберусь наверное))

Раз уж вы тут, просто из интереса, хочу узнать, сейчас я включу стандартное меню внутри этого модуля, изначально оно появлялось полностью развёрнутым, а там очень длинный список. Мне удалось добиться, что бы оно появлялось свёрнутым, а развёртывалось при нажатии
Код
.t3-off-canvas .dropdown.parent:hover .dropdown-menu
{
display: block !important;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
display: none !important;
}
Но, нельзя свернуть ту категорию, которая уже развёрнута, единственный способ свернуть категорию, это развернуть другую категорию. Что бы оно так же свёртывалось и развёртывалось, как в том меню, с которым вы мне сейчас помогли, это надо js реализовывать?
« Последнее редактирование: 10.07.2019, 12:46:55 от spdx15 »
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #10 : 10.07.2019, 13:00:17 »
Там вроде по наведенинию курсора открывается, а не по клику. Убрал курсор - закрылось
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #11 : 10.07.2019, 13:03:12 »
Там вроде по наведенинию курсора открывается, а не по клику. Убрал курсор - закрылось
В полной версии сайта да, в мобильной по нажатию, в мобильной вообще полностью развёрнутое меню открывалось, до того CSS, что выше я написал
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #12 : 10.07.2019, 13:13:39 »
Значит у меня как-то по-другому работает. Не вижу описанной проблемы.
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #13 : 10.07.2019, 13:20:57 »
Значит у меня как-то по-другому работает. Не вижу описанной проблемы.

Вот я мышкой нажал на стрелочку, категория "Кальяны" развернулась, свернуть я её не могу, нажав туда же. Если я разверну другую категорию, например "Табак", то "Кальяны" свернутся. В общем, развёрнутой может быть только одна категория и свернуть развёрнутую категорию нельзя не развернув другую.
« Последнее редактирование: 10.07.2019, 14:00:11 от spdx15 »
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #14 : 10.07.2019, 14:25:42 »
У меня на клик там никак не реагирует. Реагирует только на hover - что и описано в ваших стилях, приведенных выше. Для эффекта переключения состояния по клику надо либо JS привязывать и менять класс "кликуемого" пункта меню (с соотв. привязкой стиля к этому классу, а не к :hover), либо добавлять скрытые чекбоксы и стилить с ними - в этом случае JS не нужен, но требуется больше умений в CSS.
На связи в телеге @sivers
https://sivers.su/
*

spdx15

  • Новичок
  • 9
  • 0 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #15 : 10.07.2019, 14:31:58 »
У меня на клик там никак не реагирует. Реагирует только на hover - что и описано в ваших стилях, приведенных выше. Для эффекта переключения состояния по клику надо либо JS привязывать и менять класс "кликуемого" пункта меню (с соотв. привязкой стиля к этому классу, а не к :hover), либо добавлять скрытые чекбоксы и стилить с ними - в этом случае JS не нужен, но требуется больше умений в CSS.
видимо браузеры разные у нас, но с телефона работает так, как я описываю. Собственно не суть, главное, что, как я и думал, это не просто. Ещё раз спасибо за помощь!  ^-^
*

sivers

  • Завсегдатай
  • 1688
  • 232 / 0
Re: Проблемы с модулем JUX Mega Menu
« Ответ #16 : 10.07.2019, 14:38:49 »
Пожалуйста.
На телефоне hover происходит при косании пальца (на некоторых моделях, при близком приближении).
На связи в телеге @sivers
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 380
Последний ответ 01.03.2019, 11:10:49
от vasmed
TheGrue Menu - хорошее адаптивное меню для сайта

Автор Dorfman

Ответов: 2
Просмотров: 2559
Последний ответ 30.04.2018, 10:12:02
от Dorfman
Проблемы с плагином Seznam Captcha

Автор Mick_20

Ответов: 0
Просмотров: 520
Последний ответ 07.09.2017, 10:14:55
от Mick_20
ICE Mega Menu

Автор Dekameron

Ответов: 6
Просмотров: 2394
Последний ответ 14.08.2017, 17:27:32
от cntrl
Helix Megs Menu - как настроить? Все перерыл

Автор Alex_Ku

Ответов: 0
Просмотров: 1391
Последний ответ 03.05.2017, 17:03:14
от Alex_Ku