Сообщений в теме: 11

[Jack Gun]

Хочу, чтобы в верхнем меню подсвечивалась вкладка, соответствующая активной странице. (jackgun.ru)

Насколько я понимаю это должен быть какой-то javascript, который менял бы класс активного li с "hovered open" на "selected hovered open".

Можете подсказать, какой код надо добавить?

[Сake]

Добавьте в конец вашего файла main.js следующий код

$(function() {
  if(location.pathname.indexOf('/catalog/') !== -1) {
	$('#catalog-categories-top li a').each(function() {
	  if($(this).attr('href').indexOf(location.pathname) !== -1) {
		console.log($(this).closest('.hovered'));
		$(this).closest('.hovered').addClass('selected');
	  }
	});
  }
});

[Jack Gun]

Спасибо большое!

[Jack Gun]

Ой, заметил сейчас, что при выборе в меню пункта "винтовки", вмести с ним почему-то подсвечивается и пункт "пистолеты".

Как это исправить?

[Castiel]

Jack Gun (07 Май 2014 - 06:41) писал:

Ой, заметил сейчас, что при выборе в меню пункта "винтовки", вмести с ним почему-то подсвечивается и пункт "пистолеты".

Как это исправить?

Здравствуйте, проблема не обнаружена, пришлите пожалуйста скриншот и порядок действий при которых она возникает.

[Jack Gun]

Порядок действий любой, просто нажимаете в любом месте сайта на меню пневматические винтовки и сразу подсвечиваются пистолеты.

Вот ту на скрине, подсвеченны три пункта, это я навел мышку на "аксессуары", чтобы показать вам еще одну ошибку. Подменю не выходит за пределы контейнера. Его видно только если поставить overlay:visible для всего контейнера страницы, но это плохо сказывается на ее общем внешнем виде. Может есть другие способы сделать так, чтобы оно показывалось полностью?

[MikDark]

Jack Gun (07 Май 2014 - 21:53) писал:

Порядок действий любой, просто нажимаете в любом месте сайта на меню пневматические винтовки и сразу подсвечиваются пистолеты.

Вот ту на скрине, подсвеченны три пункта, это я навел мышку на "аксессуары", чтобы показать вам еще одну ошибку. Подменю не выходит за пределы контейнера. Его видно только если поставить overlay:visible для всего контейнера страницы, но это плохо сказывается на ее общем внешнем виде. Может есть другие способы сделать так, чтобы оно показывалось полностью?

Для контейнера уберите overflow , и добавьте в стили:

.row {
overflow:hidden;
}

[Jack Gun]

MikDark (07 Май 2014 - 22:09) писал:

Для контейнера уберите overflow , и добавьте в стили:

.row {
overflow:hidden;
}

Не помогло.

[Сake]

Проблема в схожести адресов. Попробуйте вместо предыдущего кода использовать следующий

$(function() {
if(location.pathname.indexOf('/catalog/') !== -1) {
	 $('#catalog-categories-top li a').each(function() {
		 if($(this).attr('href').indexOf(location.pathname + '/') !== -1) {
			 $(this).closest('.hovered').addClass('selected');
		 }
	 });
}
});

[Jack Gun]

Спасибо! Все заработало!

Теперь бы еще как-нибудь побороть то, что последний пункт меню виден только наполовину при наведении на него мышью.

[MikDark]

Jack Gun (12 Май 2014 - 09:45) писал:

Спасибо! Все заработало!

Теперь бы еще как-нибудь побороть то, что последний пункт меню виден только наполовину при наведении на него мышью.

В main.css Добавляем:

.container {
overflow: visible !important;
}
.row { overflow:hidden;}

[Jack Gun]

Вот это оперативность! Спасибо!!