Ajax PHP自动加载滚动内容和网格样式
我已使用以下代码成功创建自动加载内容:Ajax PHP自动加载滚动内容和网格样式,ajax,grid,autoload,Ajax,Grid,Autoload,我已使用以下代码成功创建自动加载内容: <script type="text/javascript"> $(document).ready(function() { var track_load = 0; //total loaded record group(s) var loading = false; //to prevents multipal ajax loads
<script type="text/javascript">
$(document).ready(function() {
var track_load = 0; //total loaded record group(s)
var loading = false; //to prevents multipal ajax loads
var total_groups = <?php echo $total_groups; ?>; //total record group(s)
$('#results').load("autoload_process.php", {'group_no':track_load}, function() {track_load++;}); //load first group
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()){
if(track_load <= total_groups && loading==false){
loading = true; //prevent further ajax loading
$('.animation_image').show();
$.post('autoload_process.php',{'group_no': track_load}, function(data){
$("#results").append(data);
$('.animation_image').hide();
track_load++; //loaded group increment
loading = false;
}).fail(function(xhr, ajaxOptions, thrownError) {
alert(thrownError); //alert with HTTP error
$('.animation_image').hide(); //hide loading image
loading = false;
});
}
}
});
});
</script>
$(文档).ready(函数(){
var track_load=0;//加载的记录组总数
var load=false;//防止多路径ajax加载
var total_groups=;//记录组总数
$('#results').load(“autoload_process.php”,{'group_no':track_load},function(){track_load++});//加载第一个组
$(窗口)。滚动(函数(){
if($(窗口).scrollTop()+$(窗口).height()==$(文档).height()){
if(轨道负载)