WordPress经典编辑器:实现评论编号点击跳转的HTML代码求助
实现内嵌评论的双向点击跳转HTML方案
正文内嵌评论标记(带跳转)
把你原来的评论链接改成带锚点ID和目标指向的结构,同时用上标样式优化显示:
<p><em>Exchanges</em> presents a series of poems about birds and people, each divided into two poems separated by <a>ampersands</a><a id="ref-em1" href="#comment-em1"><sup>[EM1]</sup></a>, usually in a one-page piece. The poem component above the &s consist of cut ups about birds.</p>
文末评论区块(带返回跳转)
在文末对应的评论位置,设置匹配的ID,并添加返回正文的链接:
<div id="comment-em1"> <p><strong>[EM1]</strong> 这里是你要展示的评论内容,比如:示例评论文本,说明关于分隔符的细节</p> <p><a href="#ref-em1">↑ 返回正文位置</a></p> </div>
核心逻辑说明
- 正文里的
<a id="ref-em1" href="#comment-em1">:href="#comment-em1"指定点击后跳转到文末对应ID的评论块id="ref-em1"给文末的返回链接提供锚点,实现从评论跳回正文原位置
- 文末的
<div id="comment-em1">:id="comment-em1"是正文链接的跳转目标,必须和正文链接的href值匹配- 新增的返回链接
href="#ref-em1"对应正文里的锚点ID,完成双向跳转循环
如果有多个评论,只需要按规则递增ID即可(比如ref-em2对应comment-em2,以此类推)。
内容的提问来源于stack exchange,提问作者A. Scrima
相关产品推荐
相关产品推荐

