我想在回调中初始化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已经发布,它增加了对异步加载的支持
  内容。您无需更改代码中的任何内容,只需升级
  到新版本。

10-05 20:58
查看更多