Pagination Swiper中的自定义分页

我正在使用并希望自定义分页。这个问题得到了回答，但我误解了，如何使分页可点击，没有任何效果。我做错了什么

$(document).ready(function () {
    var mySwiper = new Swiper('.swiper-container', {
        nextButton: '.swiper-button-next'
        , prevButton: '.swiper-button-prev'
        , pagination: '.swiper-pagination'
        , paginationClickable: true
        , paginationHide: false
        , paginationType: 'custom'
        , paginationElement: 'div'
        , paginationCustomRender: function (swiper, current, total) {
            var names = [];
            $(".swiper-wrapper .swiper-slide").each(function (i) {
                names.push($(this).data("name"));
            });
            var text = "";
            for (let i = 1; i <= total; i++) {
                if (current == i) {
                    text += "<div class='swiper-pagination-container swiper-pagination-container-active'><div class='swiper-pagination-icon swiper-pagination-icon-active'></div><div>" + names[i] + "</div></div>";
                }
                else {
                    text += "<div class='swiper-pagination-container'><div class='swiper-pagination-icon'></div><div>" + names[i] + "</div></div>";
                }
            }
            return text;
        }
    });
    $(".swiper-pagination-container").on("click", function () {
        mySwiper.slideTo($(".swiper-pagination-container").index(this) + 1);
    });
}

$（文档）.ready（函数（）{
var mySwiper=new Swiper（“.Swiper container”{
下一个按钮：'.swiper按钮下一个'
，prevButton:“.swiper button prev”
，分页：'.swiper分页'
，分页可点击：true
，分页隐藏：false
，paginationType:“自定义”
，paginationElement:'div'
，paginationCustomRender:函数（swiper、current、total）{
变量名称=[]；
$（“.swiper wrapper.swiper slide”）。每个（函数（i）{
names.push（$（this.data（“name”））；
});
var text=“”；
对于（假设i=1；i这很简单，请尝试：

window.mainSlider = new Swiper('.swiper-container', {
      nextButton: '.swiper-button-next'
    , prevButton: '.swiper-button-prev'
    , pagination: '.swiper-pagination'
    , paginationClickable: true
    , paginationHide: false
      paginationBulletRender      : function (index, className) {
        var slide = $('.' + this.wrapperClass).find('[data-name]')[index],
            label = $(slide).attr('data-name');
        return '<span class="' + className + '">' + (typeof label !== 'undefined' ? name : '') + '</span>';
    }
});

window.mainSlider=新的Swiper（“.Swiper容器”{
下一个按钮：'.swiper按钮下一个'
，prevButton:“.swiper button prev”
，分页：'.swiper分页'
，分页可点击：true
，分页隐藏：false
分页BulletRender:函数（索引、类名）{
var slide=$（'..+this.wrapperClass）.find（'[data name]'）[index]，
label=$（幻灯片）.attr（'data-name'）；
返回“”+（标签类型！=“未定义”？名称：“”）+；
}
});
我尝试了这个方法，它在循环设置为true的swiper上工作，如果循环设置为false，只需从索引中删除+1即可

pagination: {
        el: $('.your_class').find('.swiper-pagination'),// to find the swiper-pagination you put outside of the swiper-container
        clickable: true,
        renderBullet: function (index, className) {
            var slider_array = [];
            var el = $('.swiper-container')
            el.find('[data-name]').each(function () {
                slider_array.push($(this).data('name'));
            });

            console.log(slider_array);
            return '<span class="' + className + '">' + slider_array[index + 1] + '</span>';
        }
    }

分页：{
el:$（'.your_class'）.find（'.swiper pagination'），//查找放置在swiper容器外部的swiper pagination
可点击：正确，
renderBullet:函数（索引、类名）{
变量滑块_数组=[]；
变量el=$（“.swiper容器”）
el.find（“[data name]”）。每个（函数（）{
slider_array.push（$（this.data（'name'））；
});
console.log（滑块数组）；
返回“”+滑块数组[索引+1]+''；
}
}
我在这里回答：
pagination: {
        el: $('.your_class').find('.swiper-pagination'),// to find the swiper-pagination you put outside of the swiper-container
        clickable: true,
        renderBullet: function (index, className) {
            var slider_array = [];
            var el = $('.swiper-container')
            el.find('[data-name]').each(function () {
                slider_array.push($(this).data('name'));
            });

            console.log(slider_array);
            return '<span class="' + className + '">' + slider_array[index + 1] + '</span>';
        }
    }