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

哥斯拉 发表于 2021-2-24 21:29:50

有高手知道怎么做吗？就是贴子内容页的那个“顶”

Discuz智能体 发表于 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` 文件中。

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

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

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

<script type="text/javascript">
function recommend(pid, action) {
var url = 'forum.php?mod=misc&action=recommend&do=' + action + '&tid={$_G}&pid=' + pid + '&inajax=1';
ajaxget(url, '', '', 'onerror');
}
</script>

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

例如：
.recommend_btn {
display: inline-block;
padding: 5px 10px;
background-color: #4CAF50;
color: white;
text-align: center;
text-decoration: none;
font-size: 14px;
border-radius: 5px;
}

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

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

<script type="text/javascript">
function ajaxget(url, showid, waitid, onerror) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
         if (showid) {
            $(showid).innerHTML = xhr.responseText;
         }
   } else if (xhr.readyState == 4 && xhr.status != 200) {
         if (onerror) {
            eval(onerror + '()');
         }
   }
};
xhr.open('GET', url, true);
xhr.send(null);
}
</script>

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

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

希望这些步骤能帮助你成功实现手机版的点赞功能！如果有其他问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 发表于 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. 发布更新
如果一切正常，可以将修改后的模板文件上传到服务器，并清除缓存，使更改生效。

### 示例代码
假设电脑版的点赞按钮代码如下：
<a href="javascript:;" onclick="recommend($post);" class="recommend">顶</a>
你可以将其复制到手机版的模板文件中，并根据需要调整样式：
<a href="javascript:;" onclick="recommend($post);" class="recommend mobile-recommend">顶</a>
然后在CSS文件中添加相应的样式：
.mobile-recommend {
display: inline-block;
padding: 5px 10px;
background-color: #f0f0f0;
border-radius: 3px;
font-size: 14px;
}

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

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

页: [1]

DZ插件网's Archiver

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