Задать вопрос
Ivseti
@Ivseti
Фронтенд HTML, CSS и немного JS с PHP

Как поставить ссылку на DIV без срабатывания зажатия и отщелкивания левой кнопки мыши?

Доброго времени суток. В слик слайдере у меня блоки с ссылками, на блоке DIV стоит ссылка по такой модели:

onclick="location.href='/mylink/';

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

Сам блок у меня такого вида:
<div class="catalog-nav-box slick-slide slick-cloned" style="background-image: url(&quot;/image/cache/catalog/01-img-web/catalog-img/office-kresla/kids-412x412.jpg&quot;); 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>


Есть еще варианты ? или переверстать все же :)
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Средний 5 комментариев
Пригласить эксперта
Ответы на вопрос 1
Ivseti
@Ivseti Автор вопроса
Фронтенд HTML, CSS и немного JS с PHP
Собственно решение сам себе придумал:) Переверстать блок:

<a href="" class="catalog-nav-box"> 
<span>Детские кресла<span>
</a>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы