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

下拉刷新的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

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