JavaScript не находит первый элемент и дальше не идет, как исправить?

Question

[ArthurOrlov]

Делал эффект кнопок ripper. Кнопки находятся на разных страницах сайта.
И, соответственно, где нет кнопок, которые я ищу по классу, код встает и дальше не идет.
Как сделать чтобы код дальше искал кнопки с нужными классами?

Сам скрипт:

$(document).on('click', '.information__link, .rent__block-contacts__link, .rent__block-down--link, .footer__link, .lib__link, .contacts__block-address--item-link, .rent-contacts__link', function (e) {
  let posX = $(this).offset().left,
    posY = $(this).offset().top,
    buttonWidth = $(this).width(),
    buttonHeight = $(this).height();

  $(this).prepend("<span class='ripple'></span>");

  if (buttonWidth >= buttonHeight) {
    buttonHeight = buttonWidth;
  } else {
    buttonWidth = buttonHeight;
  }
  let x = e.pageX - posX - buttonWidth / 2;
  let y = e.pageY - posY - buttonHeight / 2;

  $(".ripple").css({
    width: buttonWidth,
    height: buttonHeight,
    top: y + 'px',
    left: x + 'px'
  }).addClass("rippleEffect");
});

Comments

[leeroyjenkins176]

Текущий код вроде бы не должен вызывать ошибок, так как:
1) Обработчик добавляется к document, который точно будет на всех страницах
2) В jquery есть встроенная проверка на обращение к несуществующему элементу.
Что конкретно написано в консоли?

Answer 1

[VoidVolker]

Выполнять код только на тех страницах, где есть эти кнопки.