2013-01-14 58 views
1

我使用這個jquery星級評分插件:http://www.fyneworks.com/jquery/star-rating/ 和一個無限的滾動插件來加載我的帖子。 當第二頁的帖子被自動加載時,星級評分插件就打破並顯示輸入按鈕。我也有這個問題,與Facebook和Twitter共享按鈕,但我設法解決與下面的代碼:jquery星級和無限滾動,如何初始化dom後加載

 <script type="text/javascript"> 
    $(document).ajaxComplete(function(){ 
try{ 
    FB.XFBML.parse(); 
    twttr.widgets.load(); 
}catch(ex){} 
}); 
      </script> 

因爲我沒有關於jQuery的或JavaScript的任何知識,我真的沒有對如何線索在加載新內容後再次初始化插件。有人能幫我解決這個問題嗎?

謝謝!

編輯:

這無限滾動的插件:http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin

+0

一個無限的滾動插件? *哪個*無限滾動插件?檢查一個'加載'鉤子的API,並綁定你的初始化。 –

+0

正如我所說我沒有任何有關jQuery或JavaScript的知識,所以你說的對我來說聽起來像一個謎:P – user1362916

+0

該庫有一個[onRenderComplete](https://github.com/webcreate/Infinite-Ajax-Scroll #onrendercomplete)回調,給出一個去看看你能想出什麼。 –

回答

1

香港專業教育學院設法解決它,與OnRendercomplete基督教瓦爾加建議,這裏是代碼,如果別人運行到這個問題:

<script type="text/javascript"> 
jQuery.ias({ 
    container: '.listing', 
    item: '.box', 
    pagination: '.pagination', 
    next: '.next a', 
    loader: '<img src="images/loader.gif"/>', 
    onRenderComplete: function (items) { 

     FB.XFBML.parse(); 
     twttr.widgets.load(); 

     $(function() { 
      $('.auto-submit-star').rating({ 
       callback: function (value, link) { 

        // this.form.submit(); 
        $('.auto-submit-star').rating('readOnly', true) 
        $(this.form).ajaxSubmit(); 


        return false; 



       } 
      }); 
     }); 

    } 
});