javascript - 如何在无限滚动回调中初始化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 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.