Доброго времени суток. В слик слайдере у меня блоки с ссылками, на блоке DIV стоит ссылка по такой модели:
onclick="location.href='/mylink/';
В Слайдере работает свайп мышкой по горизонтали, то есть мышку зажал, слайдер прокрутил. Соответственно при зажатии блока DIV и когда отпускаю левую кнопку мыши у меня сразу происходит переход на другую страницу. Как сделать, что бы не было перехода при зажатии и отщелкивания кнопки в моменте свайпа ?
Сам блок у меня такого вида:
<div class="catalog-nav-box slick-slide slick-cloned" style="background-image: url("/image/cache/catalog/01-img-web/catalog-img/office-kresla/kids-412x412.jpg"); width: 203px;" onclick="location.href='/ofisnye-kresla/detskie-kresla/';" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
<a href="/ofisnye-kresla/detskie-kresla/" tabindex="-1">Детские кресла</a>
</div>
Из вариантов переверстать в :
<a href="" style="background-image: url()">
<span>Детские кресла<span>
</a>
Есть еще варианты ? или переверстать все же :)