请选择 进入手机版 | 继续访问电脑版

SpeedPHP框架

 找回密码
 注册成为新用户

QQ登录

只需一步,快速开始

查看: 1654|回复: 7

【初学】怎么在留言板ajax悬窗中实现点击点赞。

  [复制链接]
发表于 2018-9-4 17:23:17 | 显示全部楼层 |阅读模式
手册中讲了普通页面实现点赞,但是未介绍单条查看页面如何实现点赞。请作者介绍一下。谢谢
发表于 2018-9-4 17:39:06 | 显示全部楼层
查看单条留言是弹窗的,在说点赞的时候有说明如何在弹窗里面做点赞,看仔细点?
发表于 2018-9-4 17:40:01 | 显示全部楼层
你把普通页面上的点赞按钮的事件复制到单条上查看页面的点赞按钮上,然后把事件的参数改为<{$r.id}>)">,就可以了。
 楼主| 发表于 2018-9-4 19:16:04 | 显示全部楼层
NewLive 发表于 2018-9-4 17:40
你把普通页面上的点赞按钮的事件复制到单条上查看页面的点赞按钮上,然后把事件的参数改为)">,就可以了。 ...

您说的方法我测试过不行,会报错。
 楼主| 发表于 2018-9-4 19:17:46 | 显示全部楼层
jake 发表于 2018-9-4 17:39
查看单条留言是弹窗的,在说点赞的时候有说明如何在弹窗里面做点赞,看仔细点? ...

谢谢!看漏了
 楼主| 发表于 2018-9-4 19:20:47 | 显示全部楼层
jake 发表于 2018-9-4 17:39
查看单条留言是弹窗的,在说点赞的时候有说明如何在弹窗里面做点赞,看仔细点? ...

如果您说的是:
包括把弹出的HTML点赞位置改为:

<span id="show_dig"></span>
JS函数showmsg()里面也要增加:

$("#show_dig").html(json.dig);


这个只是显示点赞数。但是点击并不会增加点赞数。请您复核。
 楼主| 发表于 2018-9-5 09:10:56 | 显示全部楼层
已经解决了!谢谢
发表于 2019-2-24 00:09:24 | 显示全部楼层
思路是给弹窗加id,然后再次调用msgdig函数。下面是showmsg.html全部代码

  1. <div class="modal fade" id="showModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  2.         <div class="modal-dialog" role="document">
  3.                 <div class="modal-content">
  4.                         <div class="modal-header">
  5.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  6.                                 <h4 class="modal-title" id="show_title"></h4>
  7.                         </div>
  8.                         <div class="modal-body">
  9.                                 <p id="show_contents"></p>
  10.                                 <blockquote class="blockquote-reverse small">
  11.                                         <ul class="list-inline text-muted">

  12.                                                 <li>by</li>
  13.                                                 <li id="show_username"></li>
  14.                                                 <li id="show_createtime"></li>
  15.                                                 <li>
  16. <input type=hidden id="msgid"><button type="button" class="btn btn-default btn-xs" onclick="digmsg(msgid.value)"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> <span id="show_dig"></span></button>
  17.                                                         
  18.                                                 </li>
  19.                                         </ul>
  20.                                 </blockquote>
  21.                         </div>
  22.                         <div class="modal-footer">
  23.                                 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  24.                         </div>
  25.                 </div>
  26.         </div>
  27. </div>
  28. <script>
  29.         function showmsg(id){
  30.                 // 由于需要JSON数据,所以使用$.getJSON
  31.                 $.getJSON("<{url c="view" a="show"}>", { 'upid': id }, function(json){
  32.                         // 这里是返回的数据,json变量就是json格式的数据,可以直接使用
  33.                         // 给各个位置赋值上去
  34.                         $("#show_title").html(json.title);
  35.                         $("#show_contents").html(json.contents);
  36.                         $("#show_username").html(json.username);
  37.                         $("#show_createtime").html(json.createtime);
  38.                         $("#show_dig").html(json.dig);
  39.                         $("#msgid").val(id);
  40.                         // 显示对话框
  41.                         $('#showModal').modal('show');
  42.                 });
  43.         }
  44.         function digmsg(id){
  45.     // 这里不需要json返回,所以直接使用$.get即可
  46.     $.get("<{url c="view" a="dig"}>", {"upid" : id}, function(dig){
  47.         $("#dig-" + id).html(dig);
  48.         $("#show_dig").html(dig);
  49.     });
  50. }
  51.     function delmsg(id){
  52.     // 这里不需要json返回,所以直接使用$.get即可
  53.     $.get("<{url c="view" a="del"}>", {"upid" : id}, function(){
  54.         $("#panel-" + id).fadeOut();
  55.     });
  56. }
  57. </script>
复制代码

您需要登录后才可以回帖 登录 | 注册成为新用户

本版积分规则

手机浏览|简版|中文PHP框架|开源协议|SpeedPHP.com ( 粤ICP备08008671号

GMT+8, 2020-5-28 15:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表