业务经理

微信扫描以上二维码

028-61286886

技术咨询

未收藏点击收藏,已收藏点击取消。

开源系统 更新 2018-08-31 14:21:24 张先生

想在文章详情页里添加收藏功能!


1、目前做到判断是否已经收藏如下:

已收藏是黄色,未收藏是灰色。

image.png

↓↓↓代码如下↓↓↓

<div class="praise">

<span id="praise">{if $ci->db->where('uid', $member.uid)->where('cid', $id)->count_all_results('1_news_favorite')}<a href="javascript:dr_favorite();"><img src="{THEME_PATH}shoucang22.png"></a>{else}<a href="javascript:dr_favorite();"><img src="{THEME_PATH}shoucang11.png"></a>{/if}</span>

</div>


2、未解决问题如下

我想让点击实时响应,因为不会ajax,所以现在用了笨办法,点击以后就刷新一次,常常要点好几次才有效果。

望大神帮忙改造成ajax实时响应的

↓↓↓目前点击对应代码↓↓↓

function dr_favorite() {

    $.get("/index.php?s=news&c=api&m=favorite&delete=1&id={$id}");

var random = Math.floor((Math.random() * 10000) + 1);

    window.location.href = '{$my_web_url} + "?random"';

}

方案

  • 张先生 #1 · 2018-08-29 15:29:42
    就是想实现点击就变色
  • 可接二开、定制、使用解答 #2 · 2018-08-29 16:04:16
    满意答案
    html改进
    <div class="praise">
    	<span id="praise">
    	{if $ci->db->where('uid', $member.uid)->where('cid', $id)->count_all_results('1_news_favorite')}<a target="_blank" href="javascript:dr_favorite();"><img id="dr_favorite_img" src="{THEME_PATH}shoucang22.png"></a>{else}<a target="_blank" href="javascript:dr_favorite();"><img id="dr_favorite_img" src="{THEME_PATH}shoucang11.png"></a>{/if}</span>
    </div>
    js改进
    function dr_favorite() {
    $.get("/index.php?s={MOD_DIR}&c=api&m=favorite&delete=1&id={$id}", function(data){
        if (data == 1) {
            dr_tips("没有登录,不能收藏");
        } else if (data == 2) {
            dr_tips("文档不存在,无法收藏");
        } else if (data == 3) {
            $("#dr_favorite_img").attr("src", "{THEME_PATH}shoucang11.png");
            dr_tips("取消收藏", 3, 1);
        } else if (data == 4) {
            $("#dr_favorite_img").attr("src", "{THEME_PATH}shoucang22.png");
            dr_tips("收藏成功", 3, 1);
        }
    });
    }
    可惜没打赏
  • 张先生 #3 · 2018-08-31 14:21:24
    太厉害了,完美解决。

迅睿系统漏洞

外贸多语言建站
外贸多语言建站(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)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块: