Using glide.js .refresh api

Using glide.js .refresh api

本文关键字：api refresh js glide Using      更新时间：2023-09-26

背景：

我遇到了一个问题，在easytabs.js实例中有一个slide.js幻灯片放映的实例。当窗口大小发生变化时，css媒体查询不会正确地用于slide.js实例。出现这种情况的原因似乎是easytabs.js正在缓存glide.js实例的最后一个状态，因此当以新窗口大小再次打开该选项卡时，glide.jss实例不会相应地重新调整大小。

问题：

我正在尝试使用glide.js API函数.refresh()，但当我应用它时，我会收到"TypeError:glide is undefined">消息。这是代码：

   $('#glide').glide({
      type: "carousel", 
      autoheight: "true",
      animationDuration: 600
    });
    var glide = $('#glide').glide().data('api_glide');
    $('.tab-button').click(function(){
      console.log("Button 1 Clicked"); 
      glide.refresh();
    });

有什么想法我可能会出错吗？

我在使用API时也遇到了问题，但我得到了它。要获得API，请尝试以下操作：

var glide_api = $("#glide").data('glide_api');
glide_api.refresh();

您不需要在选择器和数据函数之间调用glide()来获得API。此外，api的名称是glide_api，而不是api_glide。

相关文章：