mui下拉刷新在安卓真机环境下无效

问题:。下拉刷新在浏览器及IOS环境中可以正常使用,但是打包成安卓应用程序,打开后下拉刷新就无法使用,但是上拉加载可以使用网上搜了一下,找到了一些方法目前总结出了两种。

你如果急切的想知道解决方法,请直接略过问题。

一:问题

HTML

 

图1 html dom结构

JS

我也使用了VUE进行双向绑定。

图2 js代码mui.init初始化

 

上面这张图是VUE的安装时间,我的mui.init放在了这里。初始化pullrefresh事件。

that.pulldownRefresh();

调用VUE的mothods里的pulldownRefresh方法。具体就是一些业务逻辑。

图3 js代码pullrefresh业务逻辑代码(测试用)

 

在hbuilder中可以出来效果,

但是打包安卓的应用程序,运行就不能下拉了,没有效果。

二:解决方法

解决方法一:

使用原生刷新,

直接把其他的都注释掉,加上这个风格:“圈”。

解决。

解决方法二:

此方法借鉴了网络上的方法并改进了一下。

需要修改mui.js源码,修改源码的前提是你引用的是mui.js。而不是mui.min.js

下面是步骤。

1.在引用mui.js代码之前添加以下代码

<script>var h5pullDown = true;</script>

 

2.打开mui.js文件,搜索关键词pulldownRefresh找到以下位置,添加红色框中的代码(有感叹号)。

未添加之前,MUI会重写安卓端的pullrefresh事件,强制使用双的WebView。添加的代码是让梅跳过重写。

3.接着搜过“ pullRefresh 5+ ”找到以下位置添加红色框内的代码(这个没有感叹号,不是取反)

加上这些之后,保存退出。

重新打包你的app.ok.

三,回顾

修改源码终究不是个办法,还是希望官方提供解决方法。希望梅越做越好,现在的漏洞还是很多呀。

如果有新的解决方法,会持续更新的。

 

参考文章:

Android的真机环境下下拉刷新失效

 

(完)

 

-------------------------------------------------- ---------------------------

欢迎扫码向我提问。也可以在下面留言哦大笑

支付宝搜索515778872领红包!!!最高99元。每天都能领。

 

 

发布了13 篇原创文章 · 获赞 8 · 访问量 1万+
展开阅读全文

mui 安卓页面无法滚动

09-05

``` <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="../../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" href="../../css/base.css" /> <link rel="stylesheet" href="../../css/style.css" /> </head> <body> <header class="mui-bar mui-bar-nav bgcolor-white flex-two"> <a href="" class="mui-pull-left mui-action-back"> <svg class="icon color-main1" aria-hidden="true"> <use xlink:href="#icon-fanhui"></use> </svg> </a> <h1 class="mui-title ">公司简介</h1> </header> <!-- mui-scroll-wrapper 一开始没有加 --> <div class="p20 pullDown mui-content company-introduction mui-scroll-wrapper"> <img src="../../images/about.jpg" alt="" class="per100 mt10" /> <p class="text-in"> 敏华控股有限公司(以下简称敏华)成立于1992年,集团总部位于香港,在美国、英国、中国大陆等全球核心经济区域和城市设有多家子公司、分公司及关联公司。 </p> <p class="text-in"> 敏华主营业务涉及沙发、床垫、板式家具、海绵、家具配件等产品的研发、制造、销售和服务,是中国家具行业的领军企业,现自主研发已获专利及认证的产品达300多项。 </p> <p class="text-in"> 作为中国家具品牌联盟主席单位、全国工商联家具装饰业商会副会长单位、中国家具协会沙发专业委员会执行主席单位,2005年,敏华公司赴海外上市,成为新加坡证券交易所主板上市的首家中国家具企业,新加坡总理授予敏华“杰出贡献奖”。2010年,敏华成功在香港联交所主板挂牌上市,跨向了更大的国际舞台。2014年,敏华控股入选首批“沪港通”,为家具业唯一入选企业。 </p> <p class="text-in"> 2014年,董事局主席黄敏利先生荣登荣福布斯亚洲封面,此前更荣膺香港“十大杰出青年工业家”称号、当选为惠州市第十届政协委员、荣获荣誉市民等。敏华曾多次入选福布斯排行榜,并荣获“十强企业”、“卓越品牌企业”、“高信用等级企业”等多项荣誉称号。2014年敏华控股更荣获香港商业“奥斯卡”——“杰出中国公司奖”殊荣。2017年,敏华荣登“中国民营企业制造业500强”,旗下芝华仕入选“2017亚洲品牌500强”,凭借专业化的技术水平和良好的品牌形象,敏华公司沙发品牌“芝華仕”被授予“中国驰名商标”、“中国名牌”等的荣誉称号。 </p> <p class="text-in"> 敏华旗下拥有“Cheers芝華仕”、“Fleming北欧宜居”两大知名家具品牌。芝华仕作为全球沙发行业的领导品牌,旗下分为主营让人舒适享受的功能沙发——芝华仕头等舱沙发,旗下分为贵族系列与时尚系列,外形线条简洁、设计感强的非功能性休闲沙发——芝华仕都市系列,倡导科技睡眠的床垫——芝华仕5星床垫、芝华仕智能床系列,通过融入先进的科技元素,为千家万户提供舒适、健康、时尚的家居体验,充分满足了不同消费者的需求。 </p> <p class="text-in"> Fleming北欧宜居致力于为欧洲家庭提供更具设计感、更具时尚性、更舒适健康的家居产品,融合时尚潮流、健康舒适与创新设计、技术,赋予产品更多活力,风格独特、舒适美好的家居产品帮助更多家庭提高生活质量。至今,Fleming北欧宜居系列产品已畅销20多个欧洲国家和地区,开设1200多家店铺,与众不同的设计美学和严格把控的精细品质,让每一位使用者都能健康、舒适地享受美好生活。 </p> <p class="text-in"> 在中国,敏华拥有品牌旗舰店超过2200家,并在全球拥有超过3000个销售终端,产品畅销美国、英国、加拿大、中国等100多个国家及地区,运营网络横跨四大洲。敏华旗下的产品更广泛被运用于高铁、酒店、游艇、高端会所、影院等多个领域,每年为全球上亿的消费者提供头等舱沙发享受,深得行业和消费者的肯定及喜爱。 </p> <p class="text-in"> 作为中国大型功能沙发及床垫产品供货商,敏华在中国大陆拥有亚洲强大的沙发生产制造基地,分别在广东、江苏、天津、重庆设有五大低碳、生态的工业园区,建筑面积超过180万平方米的生产基地,配合自建专业物流车配送体系,为全国以及全球的消费者送去方便快捷的优质产品和服务,让敏华产品的舒适家居享受延伸到千家万户。 </p> <p class="text-in"> 自敏华成立伊始,敏华积极带动社会劳动力就业,做大做强传统行业和民族品牌,使个人进步、企业发展和繁荣社会形成良性的循环互动。在此基础上,敏华尽己所能投身慈善公益、体育运动、教育文化、环境保护等各项社会公益活动,始终秉承着“履行社会责任,实现可持续性发展”的企业价值观,为促进社会和谐进步而不懈努力。敏华基于这种社会责任和民族意识,构建自身的企业使命---为千家万户带来健康、舒适、超值、美观的家居,致力于为消费者打造优质的产品和服务,给每个家庭带来“健康、舒适、超值、时尚”的消费新理念和承诺。 </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> </div> <script src="../../js/zepto-1.2.0.min.js"></script> <script src="../../js/mui.min1.js"></script> <script src="../../fonts/iconfont.js"></script> <script src="../../js/font.js"></script> <script type="text/javascript"> mui.init() //初始化 类.mui-scroll-wrapper,使其包裹的区域溢出可以上下滚动 // 一开始没有加这段 (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); </script> </body> </html> ``` 一开始没有加.mui-scroll-wrapper这个类,iphone没有问题.就百度了一下说加上 ``` (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); ``` 这段,没有用给“.mui-content” div加上类“.mui-scroll-wrapper”后,iphone也无法滚动了,并且控制台报错 **[ERROR] : RangeError: Maximum call stack size exceeded.** 请问该如何解决。谢谢! 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览