mui 上拉下拉

怼烎@ 2022-11-21 09:56 252阅读 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 条评论，252人围观）

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

相关阅读

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

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

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

相关 MUI上拉加载

mui的上拉加载和下拉刷新类似，都属于`pullRefresh`插件，使用过程如下： 1、页面滚动到底，显示“正在加载...”提示（mui框架提供） 2、执行加载

谁践踏了优雅/ 2023年07月19日 14:30/ 0 赞/ 23 阅读

相关 MUI 下拉刷新

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

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

相关 mui 上拉下拉

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

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

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

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

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

相关 JavaScript 下拉/上拉刷新

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

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

相关 MUI下拉刷新

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

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

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

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

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

相关 mui下拉/上拉刷新

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

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

相关 mui上拉刷新下拉加载

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

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