我的项目有问题。我在项目中使用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() }}