Как исправить ошибку в коде javascript (Якорь)?

Question

[it-spec97]

Вот код меню

<center><ul id="menu_wrap" class="Blue"><li class="button"><a href="#">Главная</a></li><li class="button"><a href="#maps">Где мы находимься</a></li><li class="button"><a href="3">Список услуг</a></li><li class="button"><a href="4">Чемп‹</a></li> </ul></center>

А вот код самого якоря jqeury

$(document).ready(function(){
$("#maps").hide(0);
$('a[href^="#"]').click(function(){
        var target = $(this).attr('href');
        $('html, body').animate({scrollTop: $(target).offset().top}, 500);
        return false; 
		$("#maps").show(600);
   }); 


 });

Проблема в том что не работает скрипт как я хотел, какие ошибки в коде?

Answer 1

[KEKSOV]

1. Где мы находимься -> Где мы находиМСЯ без мягкого знака
2. $("#maps") - ничего не возвращает. Всегда проверяйте свои селекторы простым способом - console.log( $("#maps").length ); если в ответ получаете 0, то ваш селектор неверен
3. var target = $(this).attr('href'); вернет # , соответственно $(target) вернет пустой результат (см.п.2)
4. Если это весь HTML, то страница никогда не прокрутится наверх, т.к. она просто короткая, ей нечего скролить...

Работающий пример по мотивам вашего вопроса jsfiddle.net/DK6Wg

Comments

[KEKSOV]

Пардон, правильная ссылка вот jsfiddle.net/DK6Wg/1