(function() {
  var pn = 0;
  function getClassInfoData() {

    $('.g-scrollview').infiniteScroll({
      pageSize: 10,
      initLoad: true,
      loadingHtml: '<strong>加载中...</strong>',
      loadListFn: function () {
        var def = $.Deferred();

        get({
          url: '/index',
          data: {
            cid: returnId(),
            pn: pn
          },
          callback: function(res) {
            RenderList(res.data)
            def.resolve(res.data);
            ++pn;
          }
        })

        return def.promise();

      }
    })


   
  }

  function RenderList (data) {
    data.forEach(val => {
      $('article').append(`<a class="list-item">
                              <div class="list-img">
                                  <img src="${val.albums[0]}">
                              </div>
                              <div class="list-mes">
                                  <h3 class="list-title">${val.title}</h3>
                                  <div class="list-mes-item">
                                      <div>
                                        <span class="list-del-price">${val.tags.substring(0,20)}..</span>
                                      </div>
                                  </div>
                              </div>
                            </a>`)
    })

    bindClick(data)
  }


  function bindClick (data) {
    $("article a").on('click', function() {
      localStorage.setItem("info", JSON.stringify(data[$(this).index()]))
      location.href="info.html"
    })
  }

  getClassInfoData()


})()