suiMobile涉及到多个标签页下的无限滚动和数据交互时该怎么做

1.先让第一页的数据加载出来

 function getNews(PageNum,numPerPage){
    var newsData={
    }
    console.log(newsData)
    $.post('/api.do', JSON.stringify(newsData), function(msg) {
       
    });
} 
  getNews(newsPageNum,numPerPage);//标签页1 newsPageNum是标签页1的第n页数据
  getNews(guidPageNum,numPerPage);//标签页2   guidPageNum是标签页2的第n页数据

2.然后通过infinite事件实现下拉滚动

     //无限下拉滚动
     //多个标签页下的无限滚动
        var loading = false;
        $(page).on('infinite', function() {
          // 如果正在加载，则退出
          if (loading) return;
          // 设置flag
          loading = true;
          var tabIndex = 0;
          if($(this).find('.infinite-scroll.active').attr('id') == "tab1"){//标签页1滚动时

              tabIndex = 0;
              newsPageNum++;
              getNews(newsPageNum,numPerPage,1);
          }
          if($(this).find('.infinite-scroll.active').attr('id') == "tab2"){//标签页2滚动时
              tabIndex = 1;
              guidPageNum++;
              getNews(guidPageNum,numPerPage,2);
          }
          // 模拟1s的加载过程
          setTimeout(function() {
              // 重置加载flag
              loading = false;
              if (newsPageNum >= newsEndPage) {newsEndPage//标签页1所能加载的最后一页
                  // 加载完毕，则注销无限加载事件，以防不必要的加载:$.detachInfiniteScroll($('.infinite-scroll').eq(tabIndex));多个无线滚动请自行根据自己代码逻辑判断注销时机
                  // 删除加载提示符
                  $('.infinite-scroll-preloader').eq(0).hide();
                  return;
              }else if(guidPageNum>=guidEndPage){//标签页2所能加载的最后一页
                  $('.infinite-scroll-preloader').eq(1).hide();
                  return;
              }
              $.refreshScroller();
          }, 1000);
        })