背景:
我遇到了一个问题,在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
。