Есть вот такая секция со слайдером, но почему то ссылки в слайдере отказываются работать, в чем ошибка или как пофиксить сию проблему?
<section class="popular">
<div class="popular__container">
<h2 class="popular__title title">TEXT</h2>
<div class="popular__egp">
<h3 class="popular__info-title">TEXT</h3>
<div class="popular__info">
<div class="popular__info-text">
<p class="popular__info-p">TEXT</p>
<p class="popular__info-p">TEXT
</p>
<p class="popular__info-p">TEXT
</p>
</div>
<img class="popular__info-img" src="images/popular/egpjpg.jpg" alt="egp">
</div>
<div class="popular__slider">
<h3 class="popular__slider-title">TEXT</h3>
<div class="popular__slider-list">
<div class="popular__slider-item">
<div class="popular__slider-child">TEXT</div>
<img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
<h3 class="popular__slider-name">TEXT </h3>
<p class="popular__slider-local">TEXT</p>
<div class="popular__slider-star five"></div>
<a class="popular__slider-btn" href="new.html">TEXT</a>
</div>
<div class="popular__slider-item">
<div class="popular__slider-child">TEXT</div>
<img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
<h3 class="popular__slider-name">TEXT </h3>
<p class="popular__slider-local">TEXT</p>
<div class="popular__slider-star five"></div>
<a class="popular__slider-btn" href="new.html">TEXT</a>
</div>
<div class="popular__slider-item">
<div class="popular__slider-child">TEXT</div>
<img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
<h3 class="popular__slider-name">TEXT </h3>
<p class="popular__slider-local">TEXT</p>
<div class="popular__slider-star five"></div>
<a class="popular__slider-btn" href="new.html">TEXT</a>
</div>
<div class="popular__slider-item">
<div class="popular__slider-child">TEXT</div>
<img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
<h3 class="popular__slider-name">TEXT </h3>
<p class="popular__slider-local">TEXT</p>
<div class="popular__slider-star five"></div>
<a class="popular__slider-btn" href="new.html">TEXT</a>
</div>
<div class="popular__slider-item">
<div class="popular__slider-child">TEXT</div>
<img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
<h3 class="popular__slider-name">TEXT </h3>
<p class="popular__slider-local">TEXT</p>
<div class="popular__slider-star five"></div>
<a class="popular__slider-btn" href="new.html">TEXT</a>
</div>
</div>
</div>
</div>
</div>
</section>
$(".popular__slider-list").slick({
dots: false,
autoplay: true,
slidesToShow: 3,
slidesToScroll: 1,
});
