mui点击加载,下拉刷新,上下整合代码

mui点击加载下拉刷新上下整合代码

mui的是上拉加载,但是老大说要做成点击加载,所以就改了一些

代码应该是有些问题的,测到了大家就自己改下。

 

首先要说明的是,有下拉刷新的页面一定要是双webview形式

不然就会出现下拉把上一个窗口的页面给拉出来的情况

父view:messages.html

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <head> 5 <meta charset="utf-8"> 6 <meta content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 7 <title>消息</title> 8 <script src=""></script> 9 <link href="" /> 10 <link type="text/css" href="" /> 11 <link type="text/css" href=""/> 12 <link type="text/css" href="" /> 13 </head> 14 </head> 15 <body> 16 <header> 17 <a></a> 18 <h1>消息</h1> 19 </header> 20 <div> 21 </div> 22 </body> 23 <script type="text/javascript" src="" ></script> 24 <script src=""></script> 25 <script type="text/javascript" src="" ></script> 26 <script type="text/javascript" src="" ></script> 27 <script type="text/javascript" src=""></script> 28 <script> 29 //启用双击监听 30 mui.init({ 31 gestureConfig:{ 32 doubletap:true 33 }, 34 subpages:[{ 35 url:'messages2.html', 36 id:'messages2.html', 37 styles:{ 38 top: '48px', 39 bottom: '0px', 40 } 41 }] 42 }); 43 var contentWebview = null; 44 document.querySelector('header').addEventListener('doubletap',function () { 45 if(contentWebview==null){ 46 contentWebview = plus.webview.currentWebview().children()[0]; 47 } 48 contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)"); 49 }); 50 </script> 51 52 </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyyfwx.html