Javascript 如何在Glide.js中获取当前幻灯片编号

嗨，当我在GLide.js中单击“下一步”和“上一步”按钮时，如何获取当前幻灯片编号

---

由于某种原因，函数

carousel.current（）

不起作用

您可以改为使用代码的回调和事件。 例如：

---

而且，

carousel.index（）

也可以工作

不确定原因，但缺少有关访问API的文档。我会解决的

在进行api调用之前，您需要通过

.data（'glide\u api'）

访问api

var carousel = $('#Carousel').glide({
      type: 'carousel',
      startAt: 1,
      touchDistance: 2,
      afterInit:function(){console.log("paintSlider")},
      autoplay: 0
}).data('glide_api');

console.log(carousel.current());

感谢使用插件

这对我很有用：

jQuery(document).ready(function(){

    var glide = jQuery('.slider').glide({
        afterTransition : function() {
            console.log(glide.current());
        } 
    }).data('api_glide'); // data('api_glide') to get opportunity to use glide.current()

});

---

您可以访问glide实例上的属性

索引

例如：

import Glide，{Controls}来自“@glidejs/Glide/dist/Glide.modular.esm”；
var滑翔机=新滑翔机（el，选项）；
滑翔机（{
控制，
} );
//您可以使用glider.index获取当前索引；
控制台日志（glider.index）；

var carousel = $('#Carousel').glide({
      type: 'carousel',
      startAt: 1,
      touchDistance: 2,
      afterInit:function(){console.log("paintSlider")},
      autoplay: 0
}).data('glide_api');

console.log(carousel.current());

jQuery(document).ready(function(){

    var glide = jQuery('.slider').glide({
        afterTransition : function() {
            console.log(glide.current());
        } 
    }).data('api_glide'); // data('api_glide') to get opportunity to use glide.current()

});

const glide = new Glide('.glide');

glide.on("run", () => {
   console.log(slider.index);
});

 const glide = new Glide('.glide');

  glide.on(['mount.after', 'run'], () => {
    const currentIndex = glide.index;
    console.log(currentIndex)
   });

  glide.mount();