Пытаюсь использовать bxslider для карусели с популярными товарами. Каждый блок в карусели - это карточка товара, при клике на которую происходит переход к товару. Столкнулся с проблемой: bxslider не листает блоки перетаскиванием мышкой и, вероятно, тачем (не проверял), если эти блоки являются ссылками
<a href="">
— вместо этого он переходит по этим ссылкам.
Получается, что элементы навигации dots и arrows работают, как положено, а перетаскивание не работает. Попробовал взять исходный код с
оф. сайта bxslider'a, чтобы исключить мои скрипты и стили, которые могут вызывать проблему. Заменил
div
на
a
, и получил такую же проблему:
<div class="slider1">
<a href="#" class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></a>
<a href="#" class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></a>
<a href="#" class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></a>
</div>
Как это можно исправить?