联系官方销售客服

1835022288

028-61286886

应用插件 版主:官方插件技术组
空间列表页关注按钮的JS写法
类型:迅睿CMS 更新时间:2021-09-16 21:05:52

模板标签里面

请教空间列表页关注按钮的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("已关注");


回帖
  • 官方实习技术
    #1楼    官方实习技术
    2020-06-13 19:01:25
    Chrome 0
    <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>
    变通一下就可以了
    满意答案
  • 小白一枚
    #2楼    小白一枚
    2021-09-16 21:05:52
    Chrome 0
    @官方实习技术:完结问题