Ссылка с якорем и без.

[Vicos]

Здравствуйте! Помогите советом.

Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице.

Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки.

Ссылка типа:

http://temp.loc/#block-1

Работает как якорь.

Ссылка типа:

http://temp.loc/?page=2#block-2

Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

[Switch74]

плавный переход вы осуществляете с помощью js наверно

и обработка скорее всего привязана к клику на ссылку

скорее всего вам нужно сделать данную обработку еще и при загрузке странички

[Vicos]

при загрузке странички

Идея хорошая, но не совсем понял какое событие мне нужно обрабатывать?

$(".sub-menu li a").click(function(){	 	var idscroll = $(this).attr('href');        $.scrollTo(idscroll, 500);        return false;	});

Этот код обрабатывает клик и плагин scrollTo отрабатывает.

При загрузке страницы возможно возможно ли это сделать?

Как вариант вижу сделать отдельное меню, которое будет отображаться на соответствующей странице.

[Switch74]

подозреваю, что вам подойдет вот это

$(document).ready(function(){var idscroll = window.location.href;$.scrollTo(idscroll, 500);});

но возможно понадобится изменить на window.location.hash

[Vicos]

подозреваю, что вам подойдет вот это $(document).ready(function(){ var idscroll = window.location.href; $.scrollTo(idscroll, 500); }); но возможно понадобится изменить на window.location.hash

Оба варианта выдают ошибку Syntax error, unrecognized expression: ?page_id=2/#block-2 в jQuery.

Если подправить их:

$(document).ready(function(){		var idscroll = window.location.hash;		idscroll = '#' + idscroll[1];		$.scrollTo(idscroll, 500);		console.log(idscroll);		//return false;	});

Ошибка пропадает, а вместе с ней и работоспособность ссылки, плавный скролл работает.

Может плагин с ссылкой вида ?page_id=2/#block-2 не работает?

Ага и в случае с:

console.log(window.location.hash);

Возвращается #block-2.

В случае с:

console.log(window.location.href);

http://temp.loc/?page_id=2/#block-2 - ссылка целиком.

При клике на ссылку работать будет только если вернётся

#block-2

[Switch74]

window.location.href выдает ошибку из-за слэша перед хэшем
?page_id=2/#block-2
его не должно быть по идее
какого рода ссылки у вас в $(this).attr('href'):
http://temp.loc/?page_id=2/#block-2
/?page_id=2/#block-2
?page_id=2/#block-2
#block-2
по мне там должно быть что-то вроде
/?page_id=2#block-2
 

[Vicos]

Вот такая получается:

?page_id=2/#tovar-2

Вот такая перескакивает:

/#block-1

Эта плавно скроллит на своей странице:

#men-sd-wootest

[Switch74]

?page_id=2/#tovar-2

скорее всего не верно, должно быть что-то вроде
/?page_id=2#tovar-2
но я могу и ошибаться

[Vicos]

Спасибо! Понял куда копть. Буду разбираться.