mui下拉/上拉刷新

你的名字 2021-09-28 06:46 444阅读 0赞

很久之前写的demo找了出来，不是很完善，单纯的记录一下，以后再用到了再改。

<!DOCTYPE HTML>
    <html>
    <head>
    <script type="text/javascript" src="mui.js"></script>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="mui.css" />
    	<script type="text/javascript"> jQuery(function($){ muiInit(); }); function testF(){ var str = "<li>" + ++count + "</li>"; str += "<li>" + ++count + "</li>"; jQuery("#testUl").append(str); } function muiInit(){ mui.init({ pullRefresh : { container : '#pullrefresh', down : { callback : pulldownRefresh }, up : { contentrefresh : '正在加载...', callback : pullupRefresh } } }); return; if (mui.os.plus) { mui.plusReady(function() { setTimeout(function() { mui('#pullrefresh').pullRefresh().pullupLoading(); }, 1000); }); } else { mui.ready(function() { mui('#pullrefresh').pullRefresh().pullupLoading(); }); } } /* * 下拉刷新具体业务实现 */ function pulldownRefresh() { //alert(111); mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); return; } var count = 0; /* * 上拉加载具体业务实现 */ function pullupRefresh() { //alert(222); testF(); mui('#pullrefresh').pullRefresh().endPullupToRefresh(); return; } </script>
    </head>
    <body>
    	
    	<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
    		<div class="mui-scroll">
    			
    			<ul id="testUl" class="mui-table-view">
    			</ul>
    			<div>gdfgdlhkgmhfhmk</div>
    		</div>
    	</div>
    
    
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，444人围观）

还没有评论，来说两句吧...

相关阅读

相关 MUI-上拉刷新和下拉刷新

上（下）拉刷新代码一 <script type="text/javascript"> mui.init({ pullRefre

浅浅的花香味﹌/ 2023年09月29日 11:53/ 0 赞/ 60 阅读

相关 MUI 下拉刷新

为实现下拉刷新功能，大多数 H5 框架都是通过 DIV 模拟下拉回弹动画，在低端 android 手机上，DIV 动画经常出现卡顿现象（特别是图文列表的情况); mui 通过使

绝地灬酷狼/ 2023年07月19日 12:25/ 0 赞/ 35 阅读

相关 mui 上拉下拉

<div id="pullrefresh"> <ul class="mui-table-view" id

怼烎@/ 2022年11月21日 09:56/ 0 赞/ 228 阅读

相关下拉刷新上拉加载

下拉刷新： ![Center][] ![Center 1][] ![Center 2][] 上划加载 ![Center 3][] ![C

约定不等于承诺〃/ 2022年07月17日 02:22/ 0 赞/ 382 阅读

相关 MUI实现下拉刷新和上拉加载更多

MUI实现下拉刷新和上拉加载更多 -------------------- 引入相关依赖包  <li

心已赠人/ 2022年05月08日 15:06/ 0 赞/ 345 阅读

相关 JavaScript 下拉/上拉刷新

![在这里插入图片描述][20181218084100184.gif] <!DOCTYPE html> <html lang="zh-cn"> <h

太过爱你忘了你带给我的痛/ 2022年04月04日 14:16/ 0 赞/ 284 阅读

相关 MUI下拉刷新

//下拉刷新 mui.init({ pullRefresh : { container:"cont",//下拉刷新容器标识，queryS

雨点打透心脏的1/2处/ 2022年03月16日 03:56/ 0 赞/ 337 阅读

相关 mui实现上拉刷新与下拉加载功能

引言下拉刷新与上拉加载功能可谓是现在APP开发的两个常见功能，在电脑端我们常常通过点击分页的形式来向用户展示更多内容，不过在移动端我们可不想有这些多余的点击操作，只要想

曾经终败给现在/ 2021年10月19日 03:12/ 0 赞/ 730 阅读

相关 mui下拉/上拉刷新

很久之前写的demo找了出来，不是很完善，单纯的记录一下，以后再用到了再改。 <!DOCTYPE HTML> <html> <head> <s

你的名字/ 2021年09月28日 06:46/ 0 赞/ 445 阅读

相关 mui上拉刷新下拉加载

废话不多说，直接上代码 1、容器  <div id="refreshContainer" class="mui-content m

Dear 丶/ 2021年09月15日 16:48/ 0 赞/ 479 阅读