Как сделать jquery для одного div?

Question

[enerjze]

Простой вопрос, а ответ найти не могу(
Имеется такой код для плавного скролла, который срабатывает на все ссылки с #
мне нужно, что бы он работал только в <nav class="main_nav">, и на остальные элементы с # не распространялся
вот код jquery

$(function () {
    $('a[href^="#"]').click(function () {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[href=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                    scrollTop: targetOffset
                }, 800);
                return false;
            }
        }
    });
});

Answer 1

[Евгений]

$('.main_nav a[href^="#"]').click(function () {

Comments

[enerjze]

Спасибо большое, так и знал, что это элементарно.

[Евгений]

enerjze, ну вообще можно упростить ваш код. Какого вида у вас ссылки?

[enerjze]

<a  href="#main"class="nav-item nav-link">Главная</a>

[enerjze]

Может подскажешь, тоже по jquery
На мобильной версии меню идет в форме модального окна и при использовании анкора, оно не закрывается, как исправить? добавить класс к самой ссылке?
и еще проблема, маленькая , но не могу понять в чем дело :( При открытии любого модального окна, сайт немного съезжает, заползает за браузер, при нажатии на Купить Абонемент, четко видно как навигация залезает за пределы окна
Тут можно глянуть

[Евгений]

enerjze,

$('.main_nav a').click(function () {
      var id = $(this.hash);
      $('html, body').stop().animate({scrollTop: $(id).offset().top}, 500);
      return false;
   });

[enerjze]

Евгений, Спасибо, насчет модального окна не знаете в чем может быть дело?
И подскажите реально ли два класса добавить? или только дублировать функцию?

[Евгений]

enerjze, нужно узнать ширину скролла и подставить в стили отступ в header, когда окно открыто. Насчет мобильного меню - можно при клике, вызывать функцию закрытия модалки.

Answer 2

[Андрей]

$('.main_nav').on('click', 'a[href^="#"]', function () {
// тут код
});