@kirillleogky

Как не обрабатывать клик на элементе при его перетаскивании?

Я использую React Responsive Carousel и мне нужно чтобы пр перетаскивании мои слайды (ссылки) не срабатывали а срабатывали лишь при клике
Пример:
import React from "react";
import { Carousel } from "react-responsive-carousel";

export default () => {
  return (
    <Carousel useKeyboardArrows={true}
    showStatus={false}
    showThumbs={false}
    emulateTouch={true}>
      <div>
        <a href="http://www.github.com" target="_blank">
          <div>
            <img src="http://lorempixel.com/output/cats-q-c-640-480-1.jpg" />
          </div>
        </a>
        <p className="legend">Legend 1</p>
      </div>
      <div>
        <a href="http://www.github.com" target="_blank">
          <div>
            <img src="http://lorempixel.com/output/cats-q-c-640-480-1.jpg" />
          </div>
        </a>
        <p className="legend">Legend 1</p>
      </div>
    </Carousel>
  );
};
  • Вопрос задан
  • 96 просмотров
Пригласить эксперта
Ответы на вопрос 1
kirbi1996
@kirbi1996
Попробуй вместо ссылки использовать div и на него повесь onClick в котором будешь вызывать функцию и уже в функции переводить по ссылке. Если не поможет то создай отдельно кнопку явно указывающую что на ней переход по ссылке а все остальное оставь дивом
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы