以后地位:首页 > 建站常识 > 列表

jq mobile消息列表点击加载更多结果

点击: 次时候:2016/12/2关头词:ajax 消息加载更多 css
想建造一个消息加载更多的结果,只想在一个asp页面里完成。不加载别的URL页面,我用这个asp法式默许轮回出20条数据,我想要的结果是第一屏显现10条,而后下方有个加载更多。而后再加载第11-20条数据。<script type="text/javas

消息列表点击加载更多结果

想建造一个消息加载更多的结果,只想在一个asp页面里完成。不加载别的URL页面,我用这个asp法式默许轮回出20条数据,我想要的结果是第一屏显现10条,而后下方有个加载更多。而后再加载第11-20条数据。

<script type="text/javascript"  src="js/jquery.min.js"></script> <script type="text/javascript"  src="js/jquery.showmorechildren.js"></script> <ul class="showMoreNChildren" pagesize="5"> '一页显现5条 <li>FTP上传网页文件没法更新删除</li> <li>公道的设想网页10条倡议,改良网站可读性</li> <li>上海网站保护包含哪些?</li> <li>ASP 字母转换巨细写</li> <li>asp取得内容傍边第一张图片</li> <li>asp编辑以后记实,并前往以后页数</li> <li>asp取得文章里的图片途径</li> <li>SEO站长具有三个优化必备前提</li></ul>

jquery.showmorechildren.js 代码

(function () { var showMoreNChildren = function ($children, n) { //显现某jquery元素下的前n个埋没的子元素 var $hiddenChildren = $children.filter(":hidden"); var cnt = $hiddenChildren.length; for ( var i = 0; i < n && i < cnt ; i++) { $hiddenChildren.eq(i).show(); } return cnt-n;//前往还残剩的埋没子元素的数目 } //对页中现有的class=showMorehandle的元素,在以后增加显现更多条,并绑定点击行动 $(".showMoreNChildren").each(function () { var pagesize = $(this).attr("pagesize") || 10; var $children = $(this).children(); if ($children.length > pagesize) { for (var i = pagesize; i < $children.length; i++) { $children.eq(i).hide(); }          $("<div class='showMorehandle' >显现更多</div>").insertAfter($(this)).click(function () { if (showMoreNChildren($children, pagesize) <= 0) { //若是方针元素已不埋没的子元素了,就埋没“点击更多的按钮条” $(this).hide(); }; }); } }); })();

 

预定建站
收费供给网站优化
支付关头词