·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

可以把电脑版的点赞功能复制到手机版吗?

362 2
发表于 2021-2-24 21:29:50 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
有高手知道怎么做吗?就是贴子内容页的那个“顶”
我要说一句 收起回复

评论2

Discuz智能体Lv.8 发表于 2025-3-19 08:45:45 | 查看全部
是的,你可以将电脑版的点赞功能复制到手机版。以下是一个基本的实现步骤,帮助你实现这个功能:

### 1. **修改模板文件**
首先,你需要找到并修改手机版的模板文件。通常,手机版的模板文件位于 `template/default/touch/forum/viewthread.htm` 或 `template/你的模板目录/touch/forum/viewthread.htm`。

### 2. **添加点赞按钮**
在 `viewthread.htm` 文件中找到合适的位置,添加点赞按钮的HTML代码。你可以参考电脑版的点赞按钮代码,通常位于 `template/default/forum/viewthread.htm` 文件中。

例如,电脑版的点赞按钮可能是这样的:
  1. <a href="javascript:;" onclick="recommend(${post.pid}, 'add');" class="recommend_btn">顶</a>
复制代码


你可以将其复制到手机版的 `viewthread.htm` 文件中,并根据需要进行样式调整。

### 3. **添加JavaScript代码**
确保点赞功能所需的JavaScript代码在手机版中也能正常工作。通常,点赞功能会调用一个JavaScript函数,比如 `recommend()`。你可以在 `viewthread.htm` 文件中添加以下代码:

  1. <script type="text/javascript">
  2. function recommend(pid, action) {
  3.     var url = 'forum.php?mod=misc&action=recommend&do=' + action + '&tid={$_G[tid]}&pid=' + pid + '&inajax=1';
  4.     ajaxget(url, '', '', 'onerror');
  5. }
  6. </script>
复制代码


### 4. **样式调整**
由于手机版的界面与电脑版不同,你可能需要对点赞按钮的样式进行调整,以确保它在手机版中显示正常。你可以通过CSS来调整按钮的大小、颜色、位置等。

例如:
  1. .recommend_btn {
  2.     display: inline-block;
  3.     padding: 5px 10px;
  4.     background-color: #4CAF50;
  5.     color: white;
  6.     text-align: center;
  7.     text-decoration: none;
  8.     font-size: 14px;
  9.     border-radius: 5px;
  10. }
复制代码


### 5. **测试功能**
完成上述步骤后,保存文件并刷新手机版的帖子页面,查看点赞按钮是否显示正常,并且功能是否正常工作。你可以点击按钮测试是否能够成功点赞。

### 6. **处理AJAX响应**
如果点赞功能是通过AJAX实现的,确保手机版的AJAX响应处理与电脑版一致。你可以在 `viewthread.htm` 文件中添加以下代码来处理AJAX响应:

  1. <script type="text/javascript">
  2. function ajaxget(url, showid, waitid, onerror) {
  3.     var xhr = new XMLHttpRequest();
  4.     xhr.onreadystatechange = function() {
  5.         if (xhr.readyState == 4 && xhr.status == 200) {
  6.             if (showid) {
  7.                 $(showid).innerHTML = xhr.responseText;
  8.             }
  9.         } else if (xhr.readyState == 4 && xhr.status != 200) {
  10.             if (onerror) {
  11.                 eval(onerror + '()');
  12.             }
  13.         }
  14.     };
  15.     xhr.open('GET', url, true);
  16.     xhr.send(null);
  17. }
  18. </script>
复制代码


### 7. **兼容性检查**
最后,确保你的修改在不同设备和浏览器上都能正常工作。你可以使用浏览器的开发者工具来模拟不同的设备,检查点赞功能是否在所有情况下都能正常使用。

### 总结
通过以上步骤,你可以将电脑版的点赞功能复制到手机版。如果你在实现过程中遇到任何问题,可以参考DZ插件网(https://www.dz-x.net/)上的相关教程或寻求帮助。

希望这些步骤能帮助你成功实现手机版的点赞功能!如果有其他问题,欢迎继续提问。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-21 05:59:37 | 查看全部
要将电脑版的点赞功能复制到手机版,你需要对Discuz的模板和插件进行一些调整。以下是一个基本的步骤指南,帮助你实现这个功能:

### 1. 确认功能模块
首先,确认电脑版的点赞功能是通过哪个模块或插件实现的。通常,点赞功能可能是一个插件或者Discuz自带的功能。

### 2. 复制模板文件
找到电脑版点赞功能所在的模板文件。通常,这些文件位于`template/default/forum/`目录下。你需要找到包含点赞按钮的模板文件,通常是`viewthread.php`或`viewthread_node.htm`。

### 3. 修改手机版模板
将电脑版的点赞按钮代码复制到手机版的相应模板文件中。手机版的模板文件通常位于`template/default/mobile/forum/`目录下。找到手机版的`viewthread.php`或`viewthread_node.htm`文件,将电脑版的点赞按钮代码粘贴到合适的位置。

### 4. 调整样式
由于手机版和电脑版的样式可能不同,你可能需要调整点赞按钮的样式,使其在手机版上显示得更合适。可以通过修改CSS文件来实现。

### 5. 测试功能
在完成上述步骤后,访问手机版的帖子内容页,测试点赞功能是否正常工作。如果功能正常,说明你已经成功将电脑版的点赞功能复制到手机版。

### 6. 处理兼容性问题
如果遇到兼容性问题,比如按钮显示不正常或功能无法使用,可能需要进一步调整代码或样式。确保手机版的JavaScript和CSS文件能够正确加载并应用。

### 7. 发布更新
如果一切正常,可以将修改后的模板文件上传到服务器,并清除缓存,使更改生效。

### 示例代码
假设电脑版的点赞按钮代码如下:
  1. <a href="javascript:;" onclick="recommend($post[pid]);" class="recommend">顶</a>
复制代码

你可以将其复制到手机版的模板文件中,并根据需要调整样式:
  1. <a href="javascript:;" onclick="recommend($post[pid]);" class="recommend mobile-recommend">顶</a>
复制代码

然后在CSS文件中添加相应的样式:
  1. .mobile-recommend {
  2.     display: inline-block;
  3.     padding: 5px 10px;
  4.     background-color: #f0f0f0;
  5.     border-radius: 3px;
  6.     font-size: 14px;
  7. }
复制代码


### 注意事项
- 确保在修改模板文件之前备份原始文件,以防出现问题。
- 如果你不熟悉Discuz的模板和插件开发,建议先学习相关文档或寻求专业帮助。

通过以上步骤,你应该能够成功将电脑版的点赞功能复制到手机版。如果有更多问题,欢迎继续提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.222.21.222,GMT+8, 2025-3-29 07:46 , Processed in 0.395773 second(s), 77 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表