Почему якорная ссылка не работает?

Question

[darkosuls11]

Почему якорная ссылка не работает в меню? - ссылка на якорь, находящийся на другой странице.
из подвала он переходит по якорю, а из шапки -нет

<nav id = mainhead>
          <div id="main-menu-bg"></div>
          <a id="menu-open" href="#"><i class="fa fa-bars"></i></a>
          <nav class="main-menu navbar-main-slide">
            <ul class="nav navbar-nav navbar-main">
              <li><a href="index.html">ГЛАВНАЯ</a></li>
              <li><a href="index.html#obout">КОНТАКТЫ</a></li>
            </ul>
          </nav>
        </nav>
        <a id="menu-close" href="#"><i class="fa fa-times"></i></a>
      </div>
    </header>

$(document).ready(function(){
    $("#menushapka").on("click","a", function (event) {
        if (/#/.test(this.href)) {
            event.preventDefault();

            //забираем идентификатор бока с атрибута href
            var id  = $(this).attr('href'),

                //узнаем высоту от начала страницы до блока на который ссылается якорь
                top = $(id).offset().top;

            //анимируем переход на расстояние - top за 1500 мс
            $('body,html').animate({scrollTop: top}, 1500);
        }
    });
});

Answer 1

[Саша]

На странице index.html должен быть тег с id="obout"