我想在回调中初始化wow.js,以便动画在检索到每个新项目时起作用。
的HTML
<div class="itemWrapper wow">
/// content
</div>
无限滚动
$(window).load(function(){
// Infinite Scroll
$('#prod-container').infinitescroll({
navSelector : '.pageNavigation a',
nextSelector : '.pageNavigation a.next',
itemSelector : '.itemWrapper',
animate : true,
bufferPx : 10,
loading: {
finishedMsg: '<div class="thumb-scroll"><i class="icon-thumbs-up"></i></div>',
img: 'images/ajax-loader.gif',
pixelsFromNavToBottom: 0
}
});
});
Wow.js
<script src="js/wow.min.js"></script>
<script>
$('.itemWrapper').addClass('animated bounceIn');
new WOW().init();
</script>
最佳答案
请参阅WOW.js Issue #71。
您的解决方案几乎可以使用,但是问题在于它将重新初始化现有元素。修复#71后,此功能将起作用。
更新资料
自2014年7月以来,此问题已修复,为attilaolah wrote:
版本0.1.10已经发布,它增加了对异步加载的支持
内容。您无需更改代码中的任何内容,只需升级
到新版本。