如何在無限滾動回調中初始化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月的問題是固定的，爲attilaolahwrote：

版本0.1.10出來了，它增加了對異步加載 內容的支持。您不需要更改代碼中的任何內容，只需將 升級到新版本即可。