Javascript 如何使用；swiper.activeIndex"；如果有条件？

我正在我的项目中使用Swiper.js。我想知道当前的活动滑块

如何将

swiper.activeIndex

与

if

条件一起使用

---

或者，我想为达到预期滑块的时间编写一些代码。

您好，您需要做的是收听您的swiper的“slideChange”事件

要了解有关swiper事件和API的更多信息，请查看文档：

这里有一个简短的例子说明如何做到这一点：

<script>
var swiper = new Swiper('.swiper-container');
    swiper.on('slideChange', function () {
        if(this.activeIndex === 1) {
            console.log("IM ON SECOND SLIDE!");
            alert("IM ON SECOND SLIDE!");
        }
    });

</script>

var swiper=新的swiper（“.swiper容器”）；
swiper.on（'slideChange'，函数（）{
if（this.activeIndex==1）{
log（“我在第二张幻灯片上！”）；
警惕（“我在第二张幻灯片上！”）；
}
});

完整工作示例（代码取自演示页面）：

<script>
var swiper = new Swiper('.swiper-container');
    swiper.on('slideChange', function () {
        if(this.activeIndex === 1) {
            console.log("IM ON SECOND SLIDE!");
            alert("IM ON SECOND SLIDE!");
        }
    });

</script>

Swiper演示
html，正文{
位置：相对位置；
身高：100%；
}
身体{
背景：#eee；
字体系列：Helvetica Neue、Helvetica、Arial、无衬线字体；
字体大小：14px；
颜色：#000；
保证金：0；
填充：0；
}
.swiper容器{
宽度：100%；
身高：100%；
}
.滑梯{
文本对齐：居中；
字号：18px；
背景：#fff；
/*将幻灯片文本垂直居中*/
显示：-网络工具包盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
-webkit内容：中心；
证明内容：中心；
-webkit框对齐：居中；
-ms-flex-align：居中；
-webkit对齐项目：居中；
对齐项目：居中；
}
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
幻灯片9
幻灯片10
var swiper=新的swiper（“.swiper容器”）；
swiper.on（'slideChange'，函数（）{
if（this.activeIndex==1）{
log（“我在第二张幻灯片上！”）；
警惕（“我在第二张幻灯片上！”）；
}
});

您好，您需要做的是收听您的刷卡器的“slideChange”事件

要了解有关swiper事件和API的更多信息，请查看文档：

这里有一个简短的例子说明如何做到这一点：

<script>
var swiper = new Swiper('.swiper-container');
    swiper.on('slideChange', function () {
        if(this.activeIndex === 1) {
            console.log("IM ON SECOND SLIDE!");
            alert("IM ON SECOND SLIDE!");
        }
    });

</script>

var swiper=新的swiper（“.swiper容器”）；
swiper.on（'slideChange'，函数（）{
if（this.activeIndex==1）{
log（“我在第二张幻灯片上！”）；
警惕（“我在第二张幻灯片上！”）；
}
});

完整工作示例（代码取自演示页面）：

<script>
var swiper = new Swiper('.swiper-container');
    swiper.on('slideChange', function () {
        if(this.activeIndex === 1) {
            console.log("IM ON SECOND SLIDE!");
            alert("IM ON SECOND SLIDE!");
        }
    });

</script>

Swiper演示
html，正文{
位置：相对位置；
身高：100%；
}
身体{
背景：#eee；
字体系列：Helvetica Neue、Helvetica、Arial、无衬线字体；
字体大小：14px；
颜色：#000；
保证金：0；
填充：0；
}
.swiper容器{
宽度：100%；
身高：100%；
}
.滑梯{
文本对齐：居中；
字号：18px；
背景：#fff；
/*将幻灯片文本垂直居中*/
显示：-网络工具包盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
-webkit内容：中心；
证明内容：中心；
-webkit框对齐：居中；
-ms-flex-align：居中；
-webkit对齐项目：居中；
对齐项目：居中；
}
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
幻灯片9
幻灯片10
var swiper=新的swiper（“.swiper容器”）；
swiper.on（'slideChange'，函数（）{
if（this.activeIndex==1）{
log（“我在第二张幻灯片上！”）；
警惕（“我在第二张幻灯片上！”）；
}
});