mui 上拉下拉

怼烎@ 2022-11-21 09:56 146阅读 0赞

<div id="pullrefresh">
    					<ul class="mui-table-view" id="StationList" style="margin-top:50px; height: auto;">
    						<li></li>
    					</ul>
    				</div>

mui('#pullrefresh').pullRefresh().refresh(true)//启用上拉加载
     mui('#pullrefresh').pullRefresh().enablePullupToRefresh();//启用上拉加载

var Flag = true; //表示 是否还有数据	
    mui.init({
    			pullRefresh: {
    				container: '#pullrefresh',
    				down: {
    					callback: pulldownRefresh
    				},
    				up: {
    					contentrefresh: '正在加载...',
    					callback: pullupRefresh
    				}
    			}
    		});
    
             //下拉
    		function pulldownRefresh() {
    		
    			setTimeout(function() {		 			  				
    				mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
    			}, 1000);
    		}
    		 //上拉加载具体业务实现
    		function pullupRefresh() {
    
    			setTimeout(function() {
    			console.log("上拉")
    				mui('#pullrefresh').pullRefresh().endPullupToRefresh(Flag); //参数为true代表没有更多数据了。
    			
    			}, 1000);
    		}

发表评论取消回复

表情：

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

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

相关阅读

相关 mui 上拉下拉

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

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

相关下拉刷新上拉加载

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

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

相关 node+mui实现上拉加载

前端代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

怼烎@/ 2022年05月28日 06:40/ 0 赞/ 167 阅读

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

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

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

相关 JavaScript 下拉/上拉刷新

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

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

相关 MUI下拉刷新

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

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

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

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

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

相关 mui下拉/上拉刷新

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

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

相关 mui上拉刷新下拉加载

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

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

相关使用mui进行上拉加载

前台JSP代码： <link rel="stylesheet" href="${ctx}/thisapp/css/mui.min.css" /> <scr

末蓝、/ 2021年06月24日 16:09/ 0 赞/ 362 阅读