分页未在整个页面滑动库中使用多个滑块刷新页面时初始化

 收藏

刷新页面时,分页值未初始化。仅在单击下一个或上一个按钮时有效。

var $slickElement = $('.paragraph-slider, .gallery-slider');
$slickElement.each(function() {
    if($(this).find('.pagination').length < 1) {
        $(".gallery-slider").append('<div class="pagination"></div>');
    }
    $(this).once().on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        event.preventDefault();
        // CurrentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based).
        var i = (currentSlide ? currentSlide : 0) + 1;
        // $value = $status.text(i + '/' + slick.slideCount);
        $(this).find('.pagination').html(i + '/' + slick.slideCount);
    });
});
回复
  • 回复

    修复了它...以防万一有人偶然发现它。您需要的是一个窗口onload函数来初始化分页值。您可以将其添加到上面的代码中。

            $slickElement.each(function(){
              var count = $(this).find(".slick-slide").length;
              $(this).find('.pagination').html(1 + '/' + count);
            });
          }
    
          // Window onload call addPagination function.
          $(window).on('load', function(){
            addPagination();
          });