Question

我有这个javascript代码，只能在没有<!DOCTYPE HTML>的情况下使用。

此代码用于无限滚动分页。

我试图在页面底部点击时触发警报，但这也不起作用。

此代码有什么问题？

var ajax_arry=[];
var ajax_index =0;

$(function(){
  $('#loading').show();
  $("#pagination").hide();
  $.ajax({
    url:"/ajax",
    type:"POST",
    data:"actionfunction=showData&page="+page_nr+"&view="+filter,
    cache: false,
    success: function(response){
      $('#loading').hide();
      $('#demoajax').html(response);

    }

  });

  $(window).scroll(function(){
    if(ajax_arry.length>0){
      $('#loading').hide();
      for(var i=0;i<ajax_arry.length;i++){
        ajax_arry[i].abort();
      }
    }
    var page = $('#demoajax').find('.nextpage').val();
    var isload = $('#demoajax').find('.isload').val();

    if ((($(window).scrollTop()+document.body.clientHeight)==$(window).height()) && isload=='true'){
      $('#loading').show();

      $.ajax({
        url:"/ajax",
        type:"POST",
        data:"actionfunction=showData&page="+page+"&view="+filter,
        cache: false,
        success: function(response){
          $('#demoajax').find('.nextpage').remove();
          $('#demoajax').find('.isload').remove();
          $('#loading').hide();

          $('#demoajax').append(response);

        }

      });
      ajax_arry[ajax_index++]= ajaxreq;

    }
    return false;

  });

});

同一页面中使用的其他脚本是bootstrap.min

Answer 1

更改if

if ($(window).scrollTop()+$(window).height() == $(document).height() && isload=='true'){

Javascript无法使用doctype html

1 个答案: