一次巧妙的无限滚动加载

时间:2018-06-29 14:52:27

标签: javascript jquery ajax

我正在使用Clever Infinite Scrolling,它可以与我的页面以及标题和URL更改一起使用。

我需要一次加载所有页面,所以我尝试了下面的代码,该代码也可以正常工作,但会破坏标题和URL更改功能。

jQuery(document).ready(function($){
    preLoadAllhtml();

    function preLoadAllhtml(){
      $('#navbarNavAltMarkup div a').each(function(){
        if ( !$(this).hasClass("active")) {
          let link = $('#next').attr("href");
          $('#next').remove();
          if ( typeof link != "undefined"){
              jQuery.ajax({
                url: link,
                dataType: "html",
                success: function(res) {
                  $('#contentsWrapper').append($(res).find(".content"));
                  if ($(res).find("#next").length  > 0 ) {
                    $('#contentsWrapper').append($(res).find("#next"));
                  }
                  preLoadAllhtml();
                }
              });
          }
        }
      });
    }

  });

您的帮助将不胜感激。

0 个答案:

没有答案