### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2021年二月3日 21:37 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1441 "2021-02-03T21:37:16Z")
我不清楚 Discourse 中的链接是如何工作的；它们显然不像“普通”超链接那样运作，因为点击后你并不会离开应用。我观察到的现象是，“第二次加载”似乎要慢得多——在我看来，点击链接后，首先是“应用内链接”生效，快速加载内容。与此同时，在后台，整个页面开始重新加载，这需要重新加载整个应用，因此慢得多。是否有可能除了 `a href` 之外，链接上还附加了事件监听器或 `onclick` 事件？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 21:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1442 "2021-02-03T21:38:39Z")
TLP 标题链接不知何故导致 Ember 框架和浏览器升级为完整的页面调用，而标准的 Discourse 应用仅执行 XHR 请求（无需刷新页面）。在 TLP 中，缩略图点击按此方式运行正常。我相当确定以前并非如此，这非常奇怪。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 21:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1443 "2021-02-03T21:56:38Z")
情况变得复杂了，是浏览器在做出这个决定吗？
Meta 上没有问题：
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 22:05 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1444 "2021-02-03T22:05:11Z")
哦，我想我知道问题可能出在哪了！整个表面都是可点击区域。它可能因为双击而“生气”了。我去检查一下。
我们或许需要取消表面的点击功能，才能让这个功能正常工作。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 22:26 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1445 "2021-02-03T22:26:44Z")
好的 @bartv @_diondiondion
此问题已在插件中修复：[FIX: remove topic list item click event to prevent transition conflict · merefield/discourse-topic-previews-sidecar@6064a59 · GitHub](https://github.com/paviliondev/discourse-topic-previews/commit/6064a5940a80e69ed56a7cbe67f8ded8e33e5d67)
以及主题组件（TC）：[FIX: remove click event from topic list item component to prevent con… · merefield/discourse-tc-topic-list-previews@7fbe8ca · GitHub](https://github.com/merefield/discourse-topic-list-previews-theme/commit/7fbe8ca0395c8404d22f1da6865626fd0f7fd006)
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月3日 23:53 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1446 "2021-02-03T23:53:23Z")
> [@merefield](#):
>
> 你能在每个主题的摘要下方的 latest.json 中看到 lightbox 吗？我怀疑 Discourse 在序列化的摘要中包含了这段不需要的 HTML。
看起来当摘要包含“inline-onebox”链接时，缩略图会出现重叠。
> “excerpt”: “source: \\n text ",
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月4日 00:03 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1447 "2021-02-04T00:03:49Z")
您可以尝试在 CSS 中隐藏带有 lightbox 类的锚点。
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月4日 01:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1448 "2021-02-04T01:58:47Z")
非常感谢您的帮助。😀
关于字体样式问题，目前我已在所有主题 CSS 中为 tiles-style 的 topic-details、topic-excerpt 和 topic-excerpt-more 添加了 font-size 和 color。这似乎解决了问题。🥰
图片灯箱链接的代码仍然隐藏在摘要中。我认为 Discourse 应该将其完全移除。这些代码似乎除了增加网页体积外没有任何作用。🤔
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2021年二月4日 07:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1449 "2021-02-04T07:24:06Z")
没错，问题解决了，谢谢罗伯特！
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月4日 12:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1450 "2021-02-04T12:34:51Z")
> [@lhkjacky](#):
>
> 我认为 Discourse 应该彻底移除它。
是的，我同意。我不愿覆盖后端，因为这应该保持原生实现。我也不愿通过 JavaScript 来移除它。如果 CSS 方案可行，那目前就是正确的做法。
欢迎在此与社区分享你的 CSS 代码 :)。
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月4日 21:07 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1451 "2021-02-04T21:07:29Z")
> [@merefield](#):
>
> 欢迎在此与社区分享您的 CSS 代码 :)。
我只需为 topic-details、topic-excerpt 和 topic-excerpt-more 设置字体大小和颜色。这样可以避免图片前后摘要部分的字体样式不一致。😀
```
.tiles-style .topic-details {
font-size: 14px;
color: var(--primary-high);
}
.tiles-style .topic-excerpt {
font-size: 14px;
}
.tiles-style .topic-excerpt-more {
font-size: 15px;
color: var(--tertiary);
}
```
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2021年二月5日 08:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1452 "2021-02-05T08:24:40Z")
从本周起，我开始注意到缩略图选择器存在问题。在某些主题上它能正常工作，而在另一些主题上则持续失败并显示为空，但我尚未发现任何规律。[这是一个它失效的主题](https://blenderartists.org/t/kinetic-observatory/1280457)。我在控制台中没有看到任何消息，也没有网络请求问题。
以下是我点击“选择缩略图”按钮时的响应：
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月5日 12:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1453 "2021-02-05T12:34:08Z")
修复“间隙”问题的快速方法如下：
```css
.topic-list .topic-excerpt {
padding-right: 0px;
}
```
我怀疑这是非平铺视图遗留的问题。我可能会将此修复加入平铺视图的 CSS 中。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月5日 12:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1454 "2021-02-05T12:38:02Z")
是的，这并非 100% 完美。
以下是当前的标准集。如果您能发现明显的遗漏，我很乐意考虑，但这套标准与 Discourse 核心逻辑所使用的标准非常接近。
>
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2021年二月5日 12:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1455 "2021-02-05T12:54:03Z")
哈，当然现在它才管用：脸palm。
[上一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=24)
[下一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=26)
 [@merefield](https://meta.discourse.org/u/merefield) #### Post date: [2021年二月4日 00:03 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1447 "2021-02-04T00:03:49Z") 您可以尝试在 CSS 中隐藏带有 lightbox 类的锚点。 --- ### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky) #### Post date: [2021年二月4日 01:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1448 "2021-02-04T01:58:47Z") 非常感谢您的帮助。😀 关于字体样式问题，目前我已在所有主题 CSS 中为 tiles-style 的 topic-details、topic-excerpt 和 topic-excerpt-more 添加了 font-size 和 color。这似乎解决了问题。🥰 图片灯箱链接的代码仍然隐藏在摘要中。我认为 Discourse 应该将其完全移除。这些代码似乎除了增加网页体积外没有任何作用。🤔  --- ### Author:  [@bartv](https://meta.discourse.org/u/bartv) #### Post date: [2021年二月4日 07:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1449 "2021-02-04T07:24:06Z") 没错，问题解决了，谢谢罗伯特！ --- ### Author:  [@merefield](https://meta.discourse.org/u/merefield) #### Post date: [2021年二月4日 12:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1450 "2021-02-04T12:34:51Z") > [@lhkjacky](#): > > 我认为 Discourse 应该彻底移除它。 是的，我同意。我不愿覆盖后端，因为这应该保持原生实现。我也不愿通过 JavaScript 来移除它。如果 CSS 方案可行，那目前就是正确的做法。 欢迎在此与社区分享你的 CSS 代码 :)。 --- ### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky) #### Post date: [2021年二月4日 21:07 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1451 "2021-02-04T21:07:29Z") > [@merefield](#): > > 欢迎在此与社区分享您的 CSS 代码 :)。 我只需为 topic-details、topic-excerpt 和 topic-excerpt-more 设置字体大小和颜色。这样可以避免图片前后摘要部分的字体样式不一致。😀 ``` .tiles-style .topic-details { font-size: 14px; color: var(--primary-high); } .tiles-style .topic-excerpt { font-size: 14px; } .tiles-style .topic-excerpt-more { font-size: 15px; color: var(--tertiary); } ``` --- ### Author:  [@bartv](https://meta.discourse.org/u/bartv) #### Post date: [2021年二月5日 08:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1452 "2021-02-05T08:24:40Z") 从本周起，我开始注意到缩略图选择器存在问题。在某些主题上它能正常工作，而在另一些主题上则持续失败并显示为空，但我尚未发现任何规律。[这是一个它失效的主题](https://blenderartists.org/t/kinetic-observatory/1280457)。我在控制台中没有看到任何消息，也没有网络请求问题。  以下是我点击“选择缩略图”按钮时的响应：  --- ### Author:  [@merefield](https://meta.discourse.org/u/merefield) #### Post date: [2021年二月5日 12:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1453 "2021-02-05T12:34:08Z") 修复“间隙”问题的快速方法如下： ```css .topic-list .topic-excerpt { padding-right: 0px; } ``` 我怀疑这是非平铺视图遗留的问题。我可能会将此修复加入平铺视图的 CSS 中。 --- ### Author:  [@merefield](https://meta.discourse.org/u/merefield) #### Post date: [2021年二月5日 12:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1454 "2021-02-05T12:38:02Z") 是的，这并非 100% 完美。 以下是当前的标准集。如果您能发现明显的遗漏，我很乐意考虑，但这套标准与 Discourse 核心逻辑所使用的标准非常接近。 > --- ### Author:  [@bartv](https://meta.discourse.org/u/bartv) #### Post date: [2021年二月5日 12:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1455 "2021-02-05T12:54:03Z") 哈，当然现在它才管用：脸palm。 [上一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=24) [下一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=26)]([https://whatever.hk/uploads/default/original/2X/c/c42ca98cb9b3b6c6401c89940259cdc84800c70d.jpeg\](https://whatever.hk/uploads/default/original/2X/c/c42ca98cb9b3b6c6401c89940259cdc84800c70d.jpeg%5C)” data-download-href=){kind=link}