Jquery Star Rating和Infinite Scroll,如何在加载dom后初始化

时间:2013-01-14 15:50:57

标签: jquery ajax

我正在使用这个jquery星级评分插件:http://www.fyneworks.com/jquery/star-rating/ 还有一个无限的滚动插件来加载我的帖子。 当第二页帖子被自动加载时,星级评分插件会崩溃并显示输入按钮。我也有facebook和twitter分享按钮的这个问题,但我设法使用以下代码修复它:

       <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

1 个答案:

答案 0 :(得分:1)

我设法修复它,OnRendercomplete作为Christian Varga建议,如果其他人遇到这个问题,这里是代码:

<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;



                }
            });
        });

    }
});