javascript - Glide.js で現在のスライド番号を取得する方法

Question

こんにちは、GLide.js http://glide.jedrzejchalubek.com/docs.html#introで次と前のボタンをクリックすると、現在のスライド番号を取得するにはどうすればよいですか。

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

Answer 1

何らかの理由で、機能carousel.current()が動作していません。

代わりに、コードのコールバックとイベントを使用できます。例：

var carousel = $('#Carousel').glide({
            type: 'carousel',
            ...
            afterTransition : function(event) {
                console.log(event.index); // the current slide number
            } 
        });

また、carousel.index()あまりにも動作します！

Answer 2

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

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

  glide.mount();

Answer 3

わたしにはできる：

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()

});

Answer 4

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

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