我想在回调中初始化 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:
Version 0.1.10 is out, it adds support for asynchronously loaded content. You don't need to change anything in your code, just upgrade to the new version.
关于javascript - 如何在无限滚动回调中初始化wow.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22166955/