Все примет.
Есть вот такой код (прописан внизу) , он выводит количество слайдов и номер слайда который сейчас отрыт в блок pagingInfo, в виде 1/3
Задача - каждую цифру обернуть в какой то html блок.
Пробовал заменить вот это
$status.text(i + '/' + slick.slideCount);
на
$status.parent('<span>' + i + '</span>' + '/' + '<span>' + slick.slideCount + '</span>);
И все работает , но появлется баг , при переключении слайдов добавляются новые цифры а не заменяются старые. И так при каждом переключения слайда выводится кучу цифр.
var $status = $('.pagingInfo');
var $slickElement = $('.slider');
$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
var i = (currentSlide ? currentSlide : 0) + 1;
$status.text(i + '/' + slick.slideCount);
});
$slickElement.slick({
dots: true
});