Отключить ссылку при прокрутке - PullRequest
Новая
       10

Отключить ссылку при прокрутке

1 голос
/ 13 июля 2020

У меня есть страница со списком предметов. Чтобы исправить ошибку на мобильном устройстве, я добавил немного кода, чтобы при щелчке по элементу происходило перенаправление для просмотра сведений об элементе. Моя проблема в том, что я больше не могу прокручивать. Событие touchend запускается, когда я прокручиваю, и я не могу видеть все элементы ... 

if(
    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) 
    && window.screen.width < 981
    && $( "#product_list li" ).length >= 1
) {

    $( "#product_list li" ).on('touchend', function(e){
        e.preventDefault();
        let link = $(this).find('.center_block a').attr('href');
        window.location.href = link;
    });
}

<ul id="product_list">
    <li>
        <div>
            <h4>Title 1</h4>
            <a href="mylink1"<img src="scr1" /></a>
        </div>
    </li>
    <li>
        <div>
            <h4>Title 2</h4>
            <a href="mylink2"<img src="scr2" /></a>
        </div>
    </li>
</ul>

Как я могу предотвратить событие touchend при прокрутке? Я пробовал заменить touchend на click, но это не работает ...

...