2

背景：

我遇到了一个问题，我在 easytabs.js 实例中有一个 glide.js 幻灯片放映实例。当窗口大小发生变化时，glide.js 实例的 css 媒体查询不会正确启动。看起来这是因为 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();
    });

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

4

1 回答 1

3

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

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

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

于 2015-11-30T12:29:35.463 回答