JavaScript无法与doctype html一起使用

Question

I have this javascript code which works only without <!DOCTYPE HTML> . 我有此javascript代码，该代码仅在<!DOCTYPE HTML> 。

This code is used for an infinite scroll pagination. 此代码用于无限滚动分页。

I tried to trigger an alert when the bottom of the page hits but that also does not work. 当页面底部触及时，我试图触发警报，但这也不起作用。

What is wrong with this code ? 此代码有什么问题？

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;

  });

});

Other script used in the same page is bootstrap.min 在同一页面中使用的其他脚本是bootstrap.min

Answer 1

更改是否

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

JavaScript无法与doctype html一起使用

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-12-10 09:57:24

JavaScript无法与doctype html一起使用

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-12-10 09:57:24

解决方案1
1 已采纳 2015-12-10 09:57:24