如题
逻辑需要动态开启和关闭 circle样式的下拉刷新
lostbug
- 发布:2017-05-12 11:47
- 更新:2017-05-12 15:36
- 阅读:1845
通过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