lostbug
lostbug
  • 发布:2017-05-12 11:47
  • 更新:2017-05-12 15:36
  • 阅读:1859

下拉刷新的circle样式 如何动态禁止和开启

分类:HTML5+

如题
逻辑需要动态开启和关闭 circle样式的下拉刷新

2017-05-12 11:47 负责人:无 分享
已邀请:
LLgg

LLgg

通过support的true和false,来控制下拉刷新的开关,下面是代码,你看一下,是不是符合你的要求。

<!DOCTYPE HTML>  
<html>  
    <head>  
        <meta charset="utf-8"/>  
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
        <meta name="HandheldFriendly" content="true"/>  
        <meta name="MobileOptimized" content="320"/>  
        <title>Webview Example</title>  
        <script type="text/javascript" charset="utf-8">  
var ws=null;  

    function ppp(a){  
     var zxlmweb=a;   //声明support开关变量  
    ws=plus.webview.currentWebview();  
    ws.setPullToRefresh({support:zxlmweb,  
        height:"50px",  
        range:"200px",  
        style:"circle",  
        contentdown:{  
            caption:"下拉可以刷新",  
            background:"#f00"  
        },  
        contentover:{  
            caption:"释放立即刷新"  
        },  
        contentrefresh:{  
            caption:"正在刷新..."  
        }  
    },onRefresh);  

}  

// 刷新页面  
function onRefresh(){  
    setTimeout(function(){  
    alert("下拉成功");  
    ws.endPullToRefresh();  //返回下拉刷新初始状态  
    },300);  
}  
        </script>  

    </head>  
    <body>  

                <div onclick="ppp('true')">开启下拉刷新</div>  
                <br><br>  
                <div onclick="ppp('false')" >关闭下拉刷新</div>  
                <br>  

    </body>  
</html>

这是我的网站,O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb

  • lostbug (作者)

    关了 重开 回调会使用多次

    2017-05-13 11:38

该问题目前已经被锁定, 无法添加新回复