javascript - 要素をクリックすると、Glide.js が再起動します

Question

グライドスライダーを備えたライトボックスがあります。Glide.js は既に開始されています。指定した要素をクリックして、スライダーを再開したい。ライトボックスを閉じるときは、スライダーを一時停止したいと思います。これはAPIで可能であることがわかりますが、機能させることはできません...

私のスライダー設定

var slider_alt=$("#glide--alt").glide({
    type:"slideshow",
    autoplay:2500, 
    animationDuration:2000,
    hoverpause:false
}),
slider_api=slider_alt.data("glide_api");

スライダーを再起動しようとする私のjQuery

popUp_openButton.click(function(){
    slider_alt.jump(1);
    slider_alt.play();
});

popUp_closeButton.click(function(){ 
    slider_alt.pause();
}); 

Answer 1

これが私の最終的な作業コードです。モーダル ウィンドウを開くと、スライダーが再計算され、スライド 1 から開始されます。スライダーを閉じると、すべてのオブジェクトとバインドがクリアされなくなります。

//Setting up slider
var slider_alt=$("#glide--alt").glide({
    type:"slideshow",
    autoplay:2500, 
    animationDuration:2000,
    hoverpause:false
}),
slider_alt_api=slider_alt.data("glide_api");


var popUp_openButton    = $('.popUp__button--open'),
popUp_closeButton   = $('.popUp__button--close');

popUp_openButton.click(function(){
    slider_alt_api.refresh();
    slider_alt_api.jump('=1');
});

popUp_closeButton.click(function(){ 
    slider_alt_api.destroy();
});     

$(document).keyup(function(e){
    if(e.keyCode === 27) {
        slider_alt_api.destroy();
    }  
}); 

Answer 2

使用.refresh():

popUp_closeButton.click(function(){ 
   slider_alt.refresh();
});