如何在无限滚动回调中初始化wow.js

Question

我希望在回调中初始化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>

Answer 1

见WOW.js 第71期。

您的解决方案几乎是可行的，但问题是它将重新初始化现有的元素。一旦#71被修复，这将起作用。

更新

这一问题自2014年7月以来一直是固定不变的，名为提拉奥拉 写

版本0.1.10已经退出，它增加了对异步加载内容的支持。您不需要更改代码中的任何内容，只需升级到新版本即可。