Почему при скролле нажимаются ссылки в адаптивном шаблоне?

Question

[zzxxxxzz]

Здравствуйте. Был адаптивный шаблон на DLE. Перенес его на wordpress. На wp возникла проблема при работе с мобильными устройствами. При прокрутке любой страницы сразу происходит нажатие на ссылку, которая была под пальцем в момент скролла. Не знаю как точнее описать...лучше посмотреть. Сайт: lechenie-kemerovo.ru
Может у wp есть какие-то особенности в этом плане?(никогда не работал с ним)
Или я что-то не так сделал?

Comments

[Rustam Bainazarov]

Я такого прикола никогда не видел.

Как делали ссылки? :)))

Есть какие-то скрипты, что вешают свои обработчики на все теги a?

[zzxxxxzz]

SmthTo, не знаю. все скрипты те же самые(которые до переноса были). Только плагинов новых куча. Они могут на это влиять?

[Rustam Bainazarov]

zzxxxxzz, конечно. JS только и может влиять на такое поведение ссылок. И не только при скролле они у вас так ведут себя. WordPress не при чем совершенно.

[zzxxxxzz]

SmthTo, понял, буду рыть в этом направлении

[Rustam Bainazarov]

zzxxxxzz,

У вас тут куча объединенных скриптов, плагинов и т. п. Отключая этот файл, ссылки снова становятся рабочими, точнее, с ними все становится в порядке. Ищите что-то типа touchstart.

[Rustam Bainazarov]

zzxxxxzz, я вот это подозреваю:

function toggleSubmenuDisplay() {
        document.addEventListener('touchstart', function(event) {
            if (event.target.matches('a')) {
                var url = event.target.getAttribute('href') ? event.target.getAttribute('href') : '';
                if ('#' !== url && '' !== url) {
                    window.location = url;
                } else if ('#' === url && event.target.nextSibling.matches('.submenu-expand')) {
                    openSubMenu(event.target);
                } else {
                    event.preventDefault();
                }
            }

[Rustam Bainazarov]

Как раз эта херня обрабатывает элементы, которые отправили событие, и проверяет, тег a ли это:
if (event.target.matches('a'))

И, если это тег a и его атрибут href содержит ссылку, он переходит по ней:

if ('#' !== url && '' !== url) {
   window.location = url;
}

И все это на дурацком touchstart

[zzxxxxzz]

SmthTo, да, нашел. это скрипт touch-keyboard-navigation.js
вообще не понял для чего он. от стокового шаблона wp остался. это их скрипт. просто отключил его и все стало нормально работать.
спасибо большое!

[Rustam Bainazarov]

zzxxxxzz, ах, шикарно, не за что!

Answer 1

[Rustam Bainazarov]

function toggleSubmenuDisplay() {
    document.addEventListener('touchstart', function(event) {
        // ВОТ ЭТОТ КУСОК -- НАЧАЛО
        if (event.target.matches('a')) {
            var url = event.target.getAttribute('href') ? event.target.getAttribute('href') : '';
            if ('#' !== url && '' !== url) {
                window.location = url;
            } else if ('#' === url && event.target.nextSibling.matches('.submenu-expand')) {
                openSubMenu(event.target);
            } else {
                event.preventDefault();
            }
        }
        // ВОТ ЭТОТ КУСОК -- КОНЕЦ

    ...

Из-за него это всё. Нужно переписать, либо убрать его нафиг. Он все ссылки обрабатывает. С учетом того, что я в разметке не вижу элементов с классом submenu-expand, я бы закомментировал целиком этот участок и посмотрел, что сломалось. Если ничего не сломалось, так бы и оставил.

Answer 2

[Анатолий Куликов]

Сейчас от моего имени пишет Капитан, однако что имеется: при скролле на мобильном касание к экрану и запускает функцию, из-за чего ссылка и срабатывает. Выход на самом деле видится один - убрать скрипт.

У WP нет никаких особенностей, он просто достает данные из БД. Как они отображаются и что с ними происходит - это вопрос к теме (и разработчику).