Я использую скользящий слайдер, каждый слайд - это элемент списка.Все мои слайд-элементы имеют тег привязки.Я хотел бы иметь возможность щелкнуть «текущий слайд» (это активный элемент) и открыть URL-адрес в теге привязки этого элемента списка.Проблема в том, что любой «слайд-элемент», который я нажимаю, откроет его URL, а не только «slick-current»:
$(".slick-slide").on("click", function(e) {
if( $(this).hasClass("slick-current") ) {
var currentHref = $(this).find("a").attr("href");
window.open( currentHref, '_self');
} else {
e.preventDefault();
}
});
Как правильно отследить, если у выбранного элемента есть класс «slick»-Ток "тогда?
Структура слайдера:
<div class="home-slider">
<ul class="slick-initialized slick-slider">
<li class="slick-slide slick-current><a>...</a></li>
<li class="slick-slide"><a>...</a></li>
<li class="slick-slide"><a>...</a></li>
</ul>
</div>