jquery weui 滚动加载多次

Question

jquery weui 滚动加载多次

相关代码

<div id="refresh">

    <div id="listwrap" style="height:auto;overflow:auto;">
        <div class="weui-pull-to-refresh__layer" style="padding:25px;">
            <div class="down">下拉刷新</div>
            <div class="up">释放刷新</div>
            <div class="refresh">正在刷新</div>
        </div>

        <div *ngIf="!Carlist" class="nohavefee">
            <img src="../../../assets/img/nofee.png" alt="" class="nosource-img">
            暂无货源信息
        </div>

        <div class="weui-form-preview" id="Tolist">
           这里是循环的代码
        </div>

        <div class="weui-loadmore" *ngIf="loading" style="padding-bottom:30px;height:20px">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
        </div>
        <div class="nomore" *ngIf="undeterminedItems&&!loading&&!hasMore">
            没有更多数据
        </div>
    </div>

js代码

//滚动加载

$("#listwrap").infinite().on("infinite", () => {      
  if (this.loading) return;
  this.loading = true;
  this.skip = this.Carlist.length;      
  setTimeout(() => {
    this.getdata(2);
    this.loading = false;
  }, 2000);   //模拟延迟
});
这样写不能滚动，改成 $(document.body).infinite().on("infinite", ()，这样可以滚动加载，但是一次会请求2次，请问是什么原因啊，项目是angular4的。