未收藏点击收藏，已收藏点击取消。,POSCMS,Codeigniter/Laravel/ThinkPHP技术文档,PHP开发文档,迅睿CMS框架官方教程

联系官方销售客服

1835022288

028-61286886

问题求助问题分享经验

POSCMS 版主：POSCMS负责人

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

张先生

类型：POSCMS 更新时间：2018-08-31 14:21:24 文章

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

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

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

↓↓↓代码如下↓↓↓

<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
0

就是想实现点击就变色

#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
0

太厉害了，完美解决。