模板标签里面
请教空间列表页关注按钮的JS写法
在list.html循环中添加关注按钮
<a href="javascript:dr_zone_guanzhu('{$t.id}');" class="" id="guanzhu">关注TA </a>这样,每条信息是可以关注的,但无法实现显示关注状态,
因为JS中是根据#guanzhu来改变状态的,由于每一条信息中的#guanzhu都是一样的,,,怎么解决呢?
<script type="text/javascript">
function dr_zone_guanzhu(id) {
$.get("/index.php?is_ajax=1&s=zone&c=show&m=guanzhu&id="+id, function(data){
dr_cmf_tips(data.code, data.msg);
if (data.code) {
if (data.data.value == 1) {
$('#guanzhu').html("已关注");
$('#guanzhu').addClass("btn-outline");
} else {
$('#guanzhu').html("关注Ta");
$('#guanzhu').removeClass("btn-outline");
}
}
}, 'json');
}
</script>JS中的
$('#guanzhu').html("已关注");如何能够加一个信息ID呢?
比如
$('#guanzhu+id').html("已关注");
<a target="_blank" href="javascript:dr_zone_guanzhu('{$t.id}');" class="" id="guanzhu_{$t.id}">关注TA </a><script type="text/javascript"> function dr_zone_guanzhu(id) { $.get("/index.php?is_ajax=1&s=zone&c=show&m=guanzhu&id="+id, function(data){ dr_cmf_tips(data.code, data.msg); if (data.code) { if (data.data.value == 1) { $('#guanzhu_'+id).html("已关注"); $('#guanzhu_'+id).addClass("btn-outline"); } else { $('#guanzhu_'+id).html("关注Ta"); $('#guanzhu_'+id).removeClass("btn-outline"); } } }, 'json'); } </script>变通一下就可以了