Javascript i危险开关，页码中的数字

是否可以显示每个“swiper分页开关”范围内的幻灯片编号？（例如：1,2,3，…）

默认情况下，插件创建HTML的一部分，如下所示：

<div class="pagination">
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span>
    <span class="swiper-pagination-switch"></span>
    <span class="swiper-pagination-switch"></span></div>
</div>

<div class="pagination">
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch">1</span>
    <span class="swiper-pagination-switch">2</span>
    <span class="swiper-pagination-switch">3</span></div>
</div>

我想在每个跨度中插入与其相关的幻灯片编号，如下所示：

<div class="pagination">
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span>
    <span class="swiper-pagination-switch"></span>
    <span class="swiper-pagination-switch"></span></div>
</div>

<div class="pagination">
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch">1</span>
    <span class="swiper-pagination-switch">2</span>
    <span class="swiper-pagination-switch">3</span></div>
</div>

1.
2.
3.

我怎么能做到

---

谢谢。

这是我的解决方案，有点脏，但它能解决问题：

var Swiper_slider = slider.swiper({
            pagination:          '.slider_pagination',
            paginationClickable: true,
            mode:                'horizontal',
            loop:                true,
            speed:               600,
            autoplay:            5000,
            paginationElement:   'a',
            onSwiperCreated: function(){

                $('.slider_pagination a').each(function( key ){
                    $(this).html( key + 1 );
                });

            }
});

创建滑块后，一个

.each（）

循环将数字添加到分页元素上

---

Yannick

Swiper v3.1.0将具有支持此功能的以下参数

paginationBulletRender(index, className)

---

在Swiper v3.3.1中，有一个演示程序可以满足您的问题，名为29-custom-pagination.html，它包含在下载的zip文件中：

选择：

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    paginationBulletRender: function (index, className) {
        return '<span class="' + className + '">' + (index + 1) + '</span>';
    }

var swiper=新的swiper（“.swiper容器”{
分页：'.swiper分页'，
paginationClickable:true，
分页BulletRender:函数（索引、类名）{
返回“”+（索引+1）+“”；
}

这应该是答案。完美的解决方案和灵活的。干得好。谢谢，伙计，谢谢！