MUI下拉加载安卓手机无效的解决方法

最新推荐文章于 2021-08-06 16:43:17 发布

Y_L_Wei

最新推荐文章于 2021-08-06 16:43:17 发布

阅读量2.9k

点赞数 1

分类专栏：小问题总结文章标签： MUI pullRefresh

1 篇文章 0 订阅

订阅专栏

本人小菜鸟一个，在做MUI项目的时候，要加入上拉下拉翻页的功能，看了一下文档，感觉很简单的配置和调用方法；但是代码写出来之后ios没有任何问题，但是在安卓上面运行，下拉加载没有反应，这让我一脸懵逼。在苦寻之后终于找到了大神。

先放原帖链接:原帖链接
解决方法：
第一步：在html中定义全局变量；

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

第二步：确定引入的js是mui.js，不是mui.min.js；

<script src="../../js/common/mui.js"></script>

第三步：在源码中加入对h5+的判断，打开mui.js文件，修改两个地方；
1、搜索“mui.init pulldownRefresh”，在下拉初始化中找到如下代码：

if ($container.length === 1) {
    if ($.os.plus && $.os.android) { //android 5+
        $.plusReady(function() {

修改安卓h5+的判断如下：

if ($container.length === 1) {
    if ($.os.plus && $.os.android && !h5pullDown) { //android 5+
        $.plusReady(function() {

2、搜索“pullRefresh 5+”，找到如下代码：

if (!($.os.plus && $.os.android)) { //仅在5+android支持多webview的使用
        return;
    }

修改如下：

if (!($.os.plus && $.os.android)||h5pullDown) { //仅在5+android支持多webview的使用
        return;
    }

我是直接照着大神的方法改的，刚改完，问题解决，具体源码还没有看，搞明白之后再写记录；我写的是单webview界面，所以在在下拉时遇到了问题，很有一种办法就是用双界面，不过这个我没有试。

关注