导航栏

文章

  • 首页
  • 查看历史

Subscriptions

  • 训斥
  • 岛城少年
  • 酒肆饮几壶
  • 你别想起我
更多作者

导航栏

  • 设置
  • 登陆
    • QQ登陆 微博登陆
  • 其他
    • 图标库
  • 夜间模式
  • 退出登录

【亲测】原生js 和 jquery 实现点赞按钮的效果【亲测】


原生js 和 jquery 实现点赞按钮的效果


1、html的写法


   {if $v.isparise == 1}
    <a href="javascritp:;" onclick="user_like('{$v.id}')" id="{$v.id}" class="dz dz_blue">{$v.praise}</a>
{else/}
    <a href="javascritp:;" onclick="user_like('{$v.id}')" id="{$v.id}" class="dz ">{$v.praise}</a>
{/if}

前端的这个a标签的id是当前项目的id,不能用相同的id,否则会出现一个点赞全家都赞的假象。


2、ajax的写法


$.post(url,{id:id},function (e) {
    if(e.code ==200){
        document.getElementById(id).innerText=e.count;
        $("#"+id).addClass("dz_blue");
    } else {
        document.getElementById(id).innerText=e.count;
        $("#"+id).removeClass("dz_blue");
    }
})


这里主要就是js和hquery的拼接

(1)、jquery的$("#"+id) 主要是这个id的拼接不能有问题,否则就无法反馈。

(2)、js的直接id放到getElementById(id)直接id放过去就可以。

需要注意的就是相关的参数都是当前的项目id,也可以再加一些字符,以便区分,我这里是没有添加。




推荐

【亲测】PHProm没有连接 ftp入口 (Deployment)【亲测】

2020-07-15 09:20:55

【亲测】Layui 子父框弹窗传值解决办法【亲测】

2020-07-24 11:29:00

三星Note10系列发布会除了手机,还有哪些硬件产品?

2020-06-02 14:21:24

一加手机公布Android 11版适配机型列表845-865系列都可以更新

2021-01-08 16:50:51

魅族宣布与苏宁达成战略合作:将在苏宁门店中增加300多个服务网点

2021-01-19 09:16:12

欧维网如何做到一如既往的为客户服务?

2020-08-22 16:50:01

Redmi 9A评测:超长续航+大内存,百元智能机首选

2020-07-31 10:31:36

疯狂的特朗普封杀小米 认为小米与中国军方有关联

2021-01-15 13:44:38

【亲测】ffmpeg安装的时候需要注意的事项,以及容易出现的问题【亲测】

2020-10-26 15:10:04

【亲测】Thinkphp6 Api返回validate验证器json参数【亲测】

2021-01-19 15:33:56

陕ICP备20008812号 | 科技小锅盖 保留所有权利 | 网站地图 |
    友情链接:
  • 米醋儿
  • 笔墨
  • 新浪微博