Question

我使用无限滚动将更多数据加载到网页。当页面最初加载时，AddThis加载数据没有问题，但在后续加载时通过无限滚动，AddThis不会渲染。

我在标题中有这个：

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-<key-hidden>" async="async"></script>

我的无限scoll js的成功部分如下。我添加了这一行（根据addthis网站），

addthis.toolbox('#infinite-book-container');

尝试重新加载AddThis，但它似乎无法正常工作

                success: function( data ) {
                flag = true;
                var all_html = '';
                $('#loader').hide();
                if(data.count > 0 ){

                    $('#loader').show();

                    first = parseInt($('#first').val());
                    limit = parseInt($('#limit').val());

                    $('#first').val( first+limit );

                    $.each(data.content, function(key, value ){
                        html = '<li class="book-box-content book-data">';
                        html += value.book;
                        html += '<div class="author_name" style="margin-bottom: 15px;">&mdash;<a href="/book/authors/'+value.name_slug+'.html">'+value.name+'</a></div>';
                        html += '</li>';
                        all_html += html;
                    });
                    var $newItems = $(all_html);
                    $('#infinite-book-container').isotope('insert', $newItems);
                    addthis.toolbox('#infinite-book-container');
                }else{
                    no_data = false;
                }
            },
            error: function( data ){
                flag = true;
                $('#loader').hide();
                no_data = false;
            }

AddThis和无限滚动在单独使用时有效，但无法让它们一起工作。

AddThis使用无限滚动和同位素时不加载

0 个答案: