正在加载没有消失（请 啊偶果 老师无视这个问题）

{% extends 'base.html' %}
{% block title %}
<title>产品列表</title>
{% endblock %}
{% block container %}
<!--顶部搜索-->
<header class='weui-header fixed-top'>
  <div class="weui-search-bar" id="searchBar">
    <form class="weui-search-bar__form" method="get" action=".">
      <div class="weui-search-bar__box">
        <i class="weui-icon-search"></i>
        <input type="search"
               class="weui-search-bar__input"
               id="searchInput"
               name="name"
               placeholder="搜索您想要的商品" required>
        <a href="/static/javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <i class="weui-icon-search"></i>
        <span>搜索您想要的商品</span>
      </label>
    </form>
    <a href="/static/javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>
  <div class="pro-sort">
    <div class="weui-flex">
      <div class="weui-flex__item"><div class="placeholder NormalCss">综合</div></div>
      <div class="weui-flex__item"><div class="placeholder SortAscCss">按销量</div></div>
      <div class="weui-flex__item"><div class="placeholder SortDescCss">按价格</div></div>
    </div>
  </div>
</header>
<!--主体-->
<div class="weui-content" style="padding-top:85px;">
  <!--产品列表--滑动加载-->
  <div class="weui-pull-to-refresh__layer">
    <div class='weui-pull-to-refresh__arrow'></div>
    <div class='weui-pull-to-refresh__preloader'></div>
    <div class="down">下拉刷新</div>
    <div class="up">释放刷新</div>
    <div class="refresh">正在刷新</div>
  </div>
  <div id="list" class='demos-content-padded proListWrap'>
 
  </div>
  <div class="weui-loadmore" id="loading">
    <i class="weui-loading"></i>
    <span class="weui-loadmore__tips">正在加载</span>
  </div>
</div>
{% endblock %}
{% block footer %}
<script>
    var loading = false;  // 是否正在加载中
    var page = 1;  // 当前页
    var noMore = false; // 是否还有下一页
    /**
     * 封装函数，异步取数据
     * @param callback
     */
    function loadData(callback) {
        if(loading) return;
        if(noMore) return;
        loading = true;
        $('#loading').show();
        // 异步取数据
        $.ajax({
            url: '{% url 'mall:product_load_list' %}',  // 加载数据的地址
            data: {
                page: page
            },
            success: function (rest) {  // 调用接口成功
                // 添加 HTML片段到内容区
                $('#list').append(rest);
                page++;  // 页码 +1
                loading = false;  // 正在加载中为 false，只有它为 false才能调用一些其他的操作比如下拉刷新
                $('#loading').hide()
            }
        })
    }
      $(document.body).pullToRefresh().on("pull-to-refresh", function() {
        setTimeout(function() {
          $("#time").text(new Date);
          $(document.body).pullToRefreshDone();
        }, 2000);
      });
      // infinite
 
      $(document.body).infinite().on("infinite", function() {
        loadData(); // 加载数据
      });
      loadData(); // 默认加载第一页
</script>
{% endblock %}

检查了几次没发现和老师写的哪里不一样，但是加载完两页之后下面还是有“正在加载”的字样，而且继续往下拉会显示page3