在laravel中加载Ajax数据后,Jscroll无法工作

时间:2018-12-03 08:37:32

标签: jquery laravel scroll jscrollpane infinite-scroll

我的项目有问题。我在项目中使用jscroll以无限滚动方式显示数据。当我通过页面刷新加载数据时,它工作正常。但是,当我通过ajax加载数据时,它会显示先前的值。我认为是发生了问题,因为我没有在ajax调用后重新初始化该值。这是我的代码

$('ul.pagination').hide();
    $(function() {
        $('.tourpackagesearch').jscroll({
            autoTrigger: true,
            loadingHtml: '<img class="center-block" src="/newsite/images/Blocks-1s-200px.gif" alt="Loading..." />',
            padding: 0,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.tourpackagesearch',
            callback: function() {
                $('ul.pagination').remove();
                setTimeout(function(){ 
                    $('.same-height').responsiveEqualHeightGrid();
                    var sidebar_ads = jQuery('#sidebar_ads').outerHeight();
                    jQuery('.filter_sidebar').css({"min-height":sidebar_ads});
                    $('.package_single').responsiveEqualHeightGrid();
                }, 600);                
            }
        });
    });

还有是ID的div

<div class="package_gap tourpackagesearch" id="tourpackagesearch"></div>

对于分页,我使用

{{ $tourpackages->appends(Request::all())->links() }}

0 个答案:

没有答案