以下源碼。手機(jī)下滑菜單后會觸發(fā)事件加載數(shù)據(jù)，但數(shù)據(jù)一進(jìn)來，整個頁面就回到了頂部，哪位大大知道怎么回事，求教啊??！<!DOCTYPE html><html><head>? ? <title></title>? ? <meta charset="UTF-8">? ? <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />? ? <link href="~/Content/Styles/css/style.css" rel="stylesheet" />? ? <link href="~/Content/Styles/css/common.css" rel="stylesheet" />? ? <script src="~/Content/Scripts/js/zepto.js"></script>? ? <script src="~/Content/Scripts/js/rem.js"></script></head><body>? ? <div class="container white-background">? ? ? ? <!--header-->? ? ? ? <header>? ? ? ? ? ? <a class="header-icon goback">? ? ? ? ? ? ? ? <img alt="" src="/Content/Images/images/icon-left.png" />? ? ? ? ? ? </a>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? xxx? ? ? ? ? ? </div>? ? ? ? ? ? <a></a>? ? ? ? </header>? ? ? ? <div>? ? ? ? </div>? ? ? ? <!--loadding-->? ? ? ? <div>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? <img alt="" src="/Content/Images/images/loadding.gif" />? ? ? ? ? ? ? ? <p>? ? ? ? ? ? ? ? ? ? 正在載入...? ? ? ? ? ? ? ? </p>? ? ? ? ? ? </div>? ? ? ? </div>? ? </div></body></html><!--引入獲取表單數(shù)據(jù)--><script type="text/javascript" src="~/Content/Scripts/Custom/FormHelper.js"></script><!-- 引入arttemplate需要的資源 --><script type="text/javascript" src="~/Content/Assets/arttemplate/template.js"></script><script type="text/javascript" src="~/Content/Scripts/Custom/TempalteInitScript.js"></script><script id="listData" type="text/html">? ? {{each}}? ? <a class="list-group border-bottom-dotted" href="/news/info?id={{$value.ArticleId}}">? ? ? ? <div>? ? ? ? ? ? {{if $value.CoverImg && $value.CoverImg != ""}}? ? ? ? ? ? ? ? <img alt="小開學(xué)車" src="{{$value.CoverImg}}" />? ? ? ? ? ? {{else}}? ? ? ? ? ? ? ? <img alt="小開學(xué)車" src="/Content/Images/logo300.png" />? ? ? ? ? ? {{/if}}? ? ? ? </div>? ? ? ? <div>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? {{$value.ArticleTitle}}? ? ? ? ? ? ? ? </div>? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? {{$value.Summary}}? ? ? ? ? ? ? ? </div>? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? {{$value.AddDate | DateFormatMMdd}}? ? ? ? ? ? ? ? </div>? ? ? ? ? ? </div>? ? ? ? </div>? ? </a>? ? {{/each}}</script><script type="text/javascript">? ? var code = "@ViewBag.Code";? ? // 分頁參數(shù)? ? var pagesize = 8;? ? var currentpage = 1;? ? // 是否完成? ? var excuted = true;? ? // 加載數(shù)據(jù)? ? function LoadData() {? ? ? ? excuted = false;? ? ? ? $(".LoadingArea").show();? ? ? ? if (currentpage == 0) {? ? ? ? ? ? currentpage = 1;? ? ? ? }? ? ? ? var condition = { Code: code, Columns: "ArticleId,ArticleTitle,Summary,CoverImg,AddDate", CurrentPage: currentpage, PageSize: pagesize, OrderBy: "Seq,!AddDate" }? ? ? ? $.ajax({? ? ? ? ? ? type: "GET",? ? ? ? ? ? url: "/News/GetList",? ? ? ? ? ? data: condition,? ? ? ? ? ? dataType: "json",? ? ? ? ? ? cache: false,? ? ? ? ? ? async: true,? ? ? ? ? ? success: function (data) {? ? ? ? ? ? ? ? if (data.IsSuccess && data.ReturnData != "") {? ? ? ? ? ? ? ? ? ? var resultJson = JSON.parse(data.ReturnData);? ? ? ? ? ? ? ? ? ? if (resultJson && resultJson.length > 0) {? ? ? ? ? ? ? ? ? ? ? ? // 裝載數(shù)據(jù)? ? ? ? ? ? ? ? ? ? ? ? var listHtml = template('listData', resultJson);? ? ? ? ? ? ? ? ? ? ? ? $('.container-scroll-box').append(listHtml);? ? ? ? ? ? ? ? ? ? } else {? ? ? ? ? ? ? ? ? ? ? ? currentpage--;? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? } else {? ? ? ? ? ? ? ? ? ? currentpage--;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? excuted = true;? ? ? ? ? ? ? ? $(".LoadingArea").hide();? ? ? ? ? ? },? ? ? ? ? ? error: function (XMLHttpRequest, textStatus, errorThrown) {? ? ? ? ? ? ? ? currentpage--;? ? ? ? ? ? ? ? excuted = true;? ? ? ? ? ? ? ? $(".LoadingArea").hide();? ? ? ? ? ? }? ? ? ? });? ? }? ? // 初始化? ? $(function () {? ? ? ?? ? ? ? // 加載數(shù)據(jù)? ? ? ? LoadData();? ? ? ? // 滾動事件? ? ? ? $(".container-scroll-box").unbind().bind("scroll", function () {? ? ? ? ? ? // 加載內(nèi)容? ? ? ? ? ? if ($(this).scrollTop() / ($(this)[0].scrollHeight - $(this).height()) >= 0.98) {? ? ? ? ? ? ? ? // 頁面增加? ? ? ? ? ? ? ? currentpage++;? ? ? ? ? ? ? ? // 加載數(shù)據(jù)? ? ? ? ? ? ? ? LoadData();? ? ? ? ? ? }? ? ? ? })? ? })</script>
用append加載數(shù)據(jù)后會回到頂部
木子七
2016-08-16 15:41:14
