Question

背景

我遇到一个问题，我在easytabs.js实例中有一个glide.js幻灯片放映的实例。当窗口大小改变时，css媒体查询没有正确地为glide.js实例踢。看起来这是因为easytabs.js正在缓存glide.js实例的最后一个状态，所以当新窗口大小再次打开该选项卡时，glide.js实例不会相应地重新调整大小。

问题：

我正在尝试使用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();
    });

我可能会出错的任何想法？

Answer 1

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

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

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

使用glide.js .refresh api

1 个答案: