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

Question

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

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);
    });
});

Answer 1

解决了这个问题...万一有人偶然发现它，您只需要一个窗口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();
      });