用异步加载,可加快网页打开速度

下面这段代码标签中加了参数 js="qun_wapindex001"  这个参数中的值必须是标签外面的class存在的元素``, 这样页面就可以异步加载进来的数据,赋值到外面那个对应的class元素那里. 这个JS值可以跟标签名不一样. 但是必须要保证 标签外面也有对应的 class值才行.

下面这段JS 脚本, 他的取名也很关键, 他是跟标签名一致的. 也就是说页面加载完之后,他就会执行对应的 以标签名一样的JS脚本
传值就通过 `data-id="{$rs.id}"` 进行传递

~~~
	
		热门圈子
		
			
				{qb:tag name="qun_wapindex001" type="qun" order="list" by="desc" rows="10" js="qun_wapindex001"}
				{$rs.title}</a>
				关注
								
				{/qb:tag}
			
		
	
<script type="text/javascript">
//关注圈子 , 此异步函数名必须要跟上面的JS值一致
function qun_wapindex001(res){
	$("#ListGroup dd").each(function(){
		var id = $(this).data('id');
		var that = this;
		if("{$userdb.uid}"==""){	//游客点关注,就直接进入对应的圈子
			$(this).click(function(){
				window.location.href = "{:urls('content/show')}?id="+id;
			});
		}else{
			//检查是否已关注
			$.get("{:urls('wxapp.member/ckjoin')}?id="+id,function(res){
				if(res.code==1){	//还没关注
					$(that).click(function(){	//添加关注点击事件
						$.get("{:urls('wxapp.member/join')}?id="+id,function(res){
							if(res.code==1){	//关注失败
								layer.alert(res.msg);
							}else if(res.code==0){	//关注成功
								layer.msg('已关注,'+res.msg);
								$(that).html('已关注');
							}
						});						
					});
				}else if(res.code==0){	//已关注
					$(that).html('已关注');
				}
			});
			
		}		
	});
}
</script>
~~~

本文链接：https://x1.wanxiangsucai.com/read/101.html

推荐用异步加载,可加快网页打开速度

相关文章推荐

齐博X1教程专栏最新文章

齐博X1教程专栏文章推荐

建站工具推荐

您可能感兴趣的文章