鍍金池/ 問答/HTML/ 關(guān)于mescroll的下拉刷新的問題。

關(guān)于mescroll的下拉刷新的問題。

1.下拉刷新失敗,不會(huì)清除div的數(shù)據(jù)。每次下拉時(shí)會(huì)疊加

  1. 圖片描述

代碼如下:

<div class="g-scrollview">
        <div class="mescroll" id="mescroll">
            <!-- prolistdivdata -->
            <div id="prolistdiv" class="prolistdiv"></div>
            <!-- / prolistdivdata -->
        </div>
    </div>
var houzui = {
    order: ''
};
var mescroll = new MeScroll('mescroll', {
    up: {
        clearEmptyId: "prolistdiv",
        callback: getlistdata, 
        isBounce: false,
        empty: {
            tip: "暫無相關(guān)數(shù)據(jù)~", //提示
        }
    }
});
function getlistdata(page) {
    houzui.p = page.num;
    var hz = $.param(houzui);
    hz = '&' + hz;
    $.ajax({
        type: 'GET',
        url: "{:U('getindexlist',['cate'=>$_GET['cate']])}" + hz, //URL替換下
        dataType: 'json',
        success: function (curPageData) {
            mescroll.endSuccess(curPageData.length);
            //設(shè)置列表數(shù)據(jù)
            setListData(curPageData); //自行實(shí)現(xiàn) TODO
        },
        error: function (e) {
            console.log(e)
            //聯(lián)網(wǎng)失敗的回調(diào),隱藏下拉刷新和上拉加載的狀態(tài)
            mescroll.endErr();
        }
    });
    console.log(houzui,page.num)
}
function setListData(curPageData) {
            
    var listhtml = '';
    $.each(curPageData.list, function (i, v) {
        listhtml += '<div class="fcx-card" data-id="' + v.ninsgoods_id + '"><div class="fcx-card-header">';
        listhtml += '<div class="insuranceType-name">' + v.ninsgoods_title + '</div>';
        listhtml += '<div class="insuranceCompany-logo"><img src="' + v.insurance_company_img +'" alt="' + v.ninsgoods_title + '">' + '' + '</div></div>';
        listhtml += '<div class="fcx-card-content"><div class="fcx-card-content-inner"><ul class="situation clearfix">';
        $.each(v.ninsgoods_abs, function (ci, cv) {
            listhtml += '<li>' + cv + '</li>';
        });
        listhtml += '</ul><ul class="characteristic">';
        $.each(v.ninsgoods_tese, function (ci, cv) {
            listhtml += '<li><i class="iconfont icon-bangbang"></i><span> ' + cv +'</span></li>';
        });
        listhtml += '</ul><hr><ul class="insuranceTypeList clearfix">';
        $.each(v.baozhang, function (ci, cv) {
            listhtml += '<li class="item"><span>' + cv.ninsgoods_addition_title +'</span><span>' + cv.ninsgoods_addition_abs + '</span></li>';
        });
        listhtml += '</ul></div></div><div class="fcx-card-footer"><div class="yellow">';
        listhtml += '<b>&yen; ' + v.ninsgoods_price + '起</b> <span>費(fèi)用比例' + v.ninsgoods_rate_frate +'%</span></div><div class="">';
        listhtml += '銷量:' + v.ninsgoods_salecount + '份</div></div></div>';
    });
    $('#prolistdiv').append(listhtml);
};
回答
編輯回答
眼雜

從你的代碼來看,并沒有看到清除內(nèi)容的語句。

//設(shè)置列表數(shù)據(jù)
            setListData(curPageData); //自行實(shí)現(xiàn) TODO

這個(gè)函數(shù)只有看到有個(gè)append方法,并沒有清除內(nèi)容的方法。
可以先嘗試移除,然后再設(shè)置

$('#prolistdiv').children().remove();
 $('#prolistdiv').append(listhtml);
2017年1月13日 01:04