Перейти к содержимому


Тема Новогодняя - Открытие Вкладок При Наведении Курсора


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 02 Июль 2017 - 21:32

Как сделать, чтобы меню, контакты,поиск, корзина открывались не по клику . а при наведении курсора? Спасибо.

#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 792 сообщений

Отправлено 03 Июль 2017 - 10:47

Просмотр сообщенияogonek7777 (02 Июль 2017 - 21:32) писал:

Как сделать, чтобы меню, контакты,поиск, корзина открывались не по клику . а при наведении курсора? Спасибо.

Здравствуйте.
В шаблоне main.js код:
// Выпадающее меню в шапке
function toggle() {
var o = $('.toggle_menu').not('.page');
o.click(function (e) {
e.preventDefault();
var tmp = $(this);
o.each(function () {
if ($(this).hasClass('active') && !$(this).is(tmp)) {
$(this).parent().find('.toggle_menu_cont').slideToggle(1);
$(this).removeClass('active');
$(this).parent().removeClass('active');
}
});
$(this).toggleClass('active');
$(this).parent().toggleClass('active');
$(this).parent().find('.toggle_menu_cont').slideToggle(1);
});
$(document).on('click touchstart', function (e) {
var container = $(".toggle_menu_wrap");
var container2 = $('#menu_offcanvas');
if ($(window).width() > 767) {
if (!container.is(e.target) && container.has(e.target).length === 0 && container.find('.toggle_menu').hasClass('active') && !container2.is(e.target)) {
container.find('.active').toggleClass('active').parent().toggleClass('active').find('.toggle_menu_cont').slideToggle(1);
}
}
});
}

Заменил на:
// Выпадающее меню в шапке
function toggle() {
var o = $('.toggle_menu_wrap').not('.page');
o.hover(function (e) {
e.preventDefault();
var tmp = $(this);
o.each(function () {
if ($(this).hasClass('active') && !$(this).is(tmp)) {
$(this).find('.toggle_menu_cont').slideToggle(1);
$(this).removeClass('active');
}
});
$(this).toggleClass('active');
$(this).find('.toggle_menu_cont').slideToggle(1);
});
}

Код в main.css:
#header .search .toggle_menu_cont {right: 85px;}

Заменил на:
#header .search .toggle_menu_cont {right: 57px;}


#3 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 03 Июль 2017 - 11:42

СПасибо! Все работает!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных