Не работают ссылки на tablet & mobile

Есть слайдер Carousel. Взял отсюда http://materializecss.com/carousel.html

Все просто, есть Контейнер (carousel), есть ссылки и в них вложен контент. По нажатию на ссылки, меняется текущий элемент

HTML Code:

<div class="carousel">
          <a class="carousel-item" href="#">
            <div class="item-img"><img src="<?php bloginfo('template_directory'); ?>/img/n1.png"></div>
            <div class="item-text">
              <p>Беспроцентная&nbsp;<br><span>рассрочка</span></p>
            </div>
          </a>
          <a class="carousel-item" href="#">
            <div class="item-img"><img src="<?php bloginfo('template_directory'); ?>/img/n2.png"></div>
            <div class="item-text">
              <p>Уникальный план&nbsp;<br><span>обучения</span></p>
            </div>
          </a>
          <a class="carousel-item" href="#">
            <div class="item-img"><img src="<?php bloginfo('template_directory'); ?>/img/n3.png"></div>
            <div class="item-text">
              <p>Одновременно работают&nbsp;<br><span>3 преподавателя</span></p>
            </div>
          </a>
          <a class="carousel-item" href="#">
            <div class="item-img"><img src="<?php bloginfo('template_directory'); ?>/img/n4.png"></div>
            <div class="item-text">
              <p>Учим на оборудовании&nbsp;<br><span>премиум класса</span></p>
            </div>
      </a></div>

JS Code:

$(".carousel").carousel();

Суть проблемы:
Перепроверил все, слайдер ничего не перекрывает, ссылки буквально стали неактивными, даже обычный alert не срабатывал при нажатии на слайды.
Однако, если запустить на обычном компе, ссылки работают, слайдер работает корректно. В чем может быть проблема?

Ссылка на сайт со слайдером - http://star.worknext.ru/ (1 слайдер, в разделе "7 причин")

P.S. когда будете проверять на tablet или mobile обновите страницу, после вы увидите, что слайдер не работает на tablet или mobile устройствах