# 摘要中的“阅读更多”按钮无法点击

**URL:** https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966
**Category:** UX
**Created:** [2021年十一月23日 11:26 UTC](https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966 "2021-11-23T11:26:05Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年十一月23日 11:26 UTC](https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966/1 "2021-11-23T11:26:05Z")

</div>

各位好，

感谢 @david 建议我在 #Contribute > UX 这里创建一个新话题。

问题是，当用户在新的话题开头包含大图片或标题时，“摘要”和“阅读全文”将不再可点击。

这是因为 Discourse 为图片生成了灯箱（lightbox），为标题生成了锚点。包含在摘要中的 `<a>` 标签破坏了链接。

```plaintext
<a class="lightbox" href="" data-download-href="" title="Image title"></a>

```

以及

```plaintext
<a name="header" class="anchor" href="#header"></a>

```

以下是来自 Chrome 开发者工具的检查结果截图。

 ![2021-11-23_185623](https://global.discourse-cdn.com/meta/original/3X/d/8/d8cd195146f719412320a4224e601cf1368ecca7.png)

这是来自 latest.json 的截图：

 ![2021-11-23_192128](https://global.discourse-cdn.com/meta/original/3X/0/e/0e760ebbe4f6fcf835aa22afe4d20b7d96634d9b.png)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2021年十一月23日 11:52 UTC](https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966/2 "2021-11-23T11:52:52Z")

</div>

我尝试过本地复现，但无法成功。如果在帖子开头包含一个灯箱图片，它会直接跳过灯箱/链接，而是显示下面的文本：

 ![Screenshot 2021-11-23 at 11.48.42](https://global.discourse-cdn.com/meta/original/3X/3/d/3dcd6c0d76381f3241b3c7713ece072b80b1c628.png)

 ![Screenshot 2021-11-23 at 11.48.56](https://global.discourse-cdn.com/meta/original/3X/5/6/56c18e63a74a7bbcec16fac61d6e5050bd82494d.png)

你能分享一下出现问题的帖子的“原始”markdown吗？

另外，你能分享一下相关站点设置的值吗：

 ![Screenshot 2021-11-23 at 12.04.53](https://global.discourse-cdn.com/meta/original/3X/1/5/157c709270a1062bacf799e88a6506b4b59c8bdd.png)

---

<div class="post-metadata">

### Author: ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年十一月23日 12:37 UTC](https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966/3 "2021-11-23T12:37:31Z")

</div>

我尝试了另一个 Discourse 测试站点。  
帖子只有一个图片，然后是文本。

 ![2021-11-23_204750](https://global.discourse-cdn.com/meta/original/3X/6/d/6d993f4cea8cc168292293d20e07bbc53b4d588e.png)

> **链接**
>
> [https://icute.jp/](https://icute.jp/)

站点设置：

 ![2021-11-23_203850](https://global.discourse-cdn.com/meta/original/3X/8/3/8328394973ceab2e10e2a2cd32ba92529514f67d.png)

 ![2021-11-23_203324](https://global.discourse-cdn.com/meta/original/3X/0/6/066690cd0e1f1ad49e6882979636877b35f06722.png)

在 Chrome 检查器中，span class “topic-excerpt-more” 周围没有 `<a>` 标签，这就是为什么“阅读更多”按钮无法点击的原因。

这是最新的 json

 ![2021-11-23_203706](https://global.discourse-cdn.com/meta/original/3X/2/e/2e97bd41e5076b7a62414e56d28ee28040602efc.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2022年一月17日 18:32 UTC](https://meta.discourse.org/t/unclickable-read-more-button-in-excerpt/209966/4 "2022-01-17T18:32:26Z")

</div>

这是基于非标准用法摘录吗？您是指“置顶主题”吗？