业务经理

微信扫描以上二维码

028-61286886

技术咨询

空间列表页关注按钮的JS写法

迅睿框架 更新 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
    满意答案
    <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
    @官方实习技术:完结问题

迅睿系统漏洞

外贸多语言建站
外贸多语言建站(2026-10-30)
修正对百度编辑器提取支持
AI文章生成器
AI文章生成器(2026-10-29)
任务插图设置数量
Bing站长数据
Bing站长数据(2026-10-29)
根据BING接口调整菜单 各个页面数据支持点击查看详情
按字段付费
按字段付费(2026-10-29)
按字段付费用于模块的字段设置一定的价格,当用户购买了此内容的字段时才...
泛解析站群系统
泛解析站群系统(2026-10-29)
AI队列增加清空按钮 表单提示语收敛 目录模式不接管主域名模板
账号注销
账号注销(2026-10-29)
用于用户中心的注销账号申请,后台审核通过后注销此账号。后台统一管理注...
邮件群发
邮件群发(2026-10-28)
修改模板的命名
自定义收款/捐款
自定义收款/捐款(2026-10-28)
自定义收款或捐款插件可以让用户快速创建付款或者捐款功能
CMS内容批量修改
CMS内容批量修改(2026-10-28)
后台批量修改文章内容的指定字段在插件后台可以任意指定字段
全站模块搜索
全站模块搜索(2026-10-28)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块: