获取fullpage.js slideload回调的加载幻灯片
获取fullpage.js slideload回调的加载幻灯片
提问于 2015-02-05 14:47:12
我正在使用fullpage.js，并试图在幻灯片加载时获得一个动画元素。每张幻灯片都是这样的：
<div class="slide" id="id">
<div class="slideWording animateHidden">
<div class="slideWordingTitle">
<h1 class="fancy"><span>Title</span></h1>
</div>
</div>
</div>用于fullpage.js的回调
afterSlideLoad: function(slideIndex){
$(".slideWording").addClass("animateVisible animated bounceInDown");
}, 唯一的问题是，它可以在第一个幻灯片加载时工作，但当出现这种情况时，它会将类添加到所有的slideWording div中，而不仅仅是在幻灯片上加载的类。所以基本上动画只能工作一次。如何使它只将animateVisible animated bounceInDown类添加到已加载的幻灯片中的.slideWording类div中，以便当一个人导航到新幻灯片时，它每次都会在.slideWording上运行动画？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-06 00:32:44
如果您使用的是最新版本的fullPage.js (目前为2.5.6 )，那么可以这样做：
afterSlideLoad: function(slideIndex){
$(this).find('.slideWording').addClass("animateVisible animated bounceInDown");
}, 正如在afterSlideLoad中所看到的，$(this)包含加载的幻灯片。
$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
afterSlideLoad: function( anchorLink, index, slideAnchor, slideIndex){
var loadedSlide = $(this); /// <------ here
//first slide of the second section
if(anchorLink == 'secondPage' && slideIndex == 1){
alert("First slide loaded");
}
//second slide of the second section (supposing #secondSlide is the
//anchor for the second slide
if(index == 2 && slideIndex == 'secondSlide'){
alert("Second slide loaded");
}
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28355518
复制
相似问题
fullPage.js onLoad回调？
在fullpage.js中反演图像回调的颜色
获取fullpage.js上的最新幻灯片
BigCommerce认证回调URI、加载回调URI和卸载回调URI
幻灯片事件的延迟回调函数
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
