Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Работа ссылок в меню как для якорей так и внешних ссылок (https://javascript.ru/forum/dom-window/68035-rabota-ssylok-v-menyu-kak-dlya-yakorejj-tak-i-vneshnikh-ssylok.html)

javamen 22.03.2017 08:10

Работа ссылок в меню как для якорей так и внешних ссылок
 
Привет друзья!
Можете помочь с кодом.
Есть меню вида:
<ul id="menu">
<li><a href="index.html">ГЛАВНАЯ</a></li>
<li><a href="#nashiraboti">НАШИ РАБОТЫ</a></li>
<li><a href="#zapisnazamer">ЗАПИСЬ НА ЗАМЕР</a></li>
<li><a href="#produkciyaiceni">ПРОДУКЦИЯ И ЦЕНЫ</a>
       <ul>
		<li>
			<a href="gor.html">01</a>
                        <a href="ver.html">02 </a>
                        <a href="ya.html">03</a>
                        <a href="sh.html">04</a>
                        <a href="mu.html">05</a>
                        <a href="ru.html">06</a>
                 </li>
        </ul>
</li>
<li><a href="st.html">СТАТЬИ</a></li>
<li><a href="#contacts">КОНТАКТЫ</a></li>
</ul>



И есть скрипт для плавной прокрутке по якорям:

$(document).ready(function(){
$("#menu").on("click","a", function (event) {
event.preventDefault();
var id  = $(this).attr('href'),
top = $(id).offset().top -90;
$('body,html').animate({scrollTop: top}, 1500);
});
});



Так вот вопрос такой. Что изменить в JS, что бы работали и якоря и переходы на другие страницы при клике.

Спасибо за помощь заранее.:help:

рони 22.03.2017 08:28

javamen,
$("#menu").on("click","a[href^='#']",

javamen 22.03.2017 08:36

Огромное спасибо за оперативную помощь, все нормально стало):thanks:


Часовой пояс GMT +3, время: 18:43.