提问人：qwestion 提问时间：4/4/2023 更新时间：4/4/2023 访问量：81
我尝试使用 Bootstrap 的 Collapse 来显示隐藏的嵌入式 Reddit 帖子，但渲染在后轮不起作用。我有哪些选择？
I tried using Bootstrap's Collapse to reveal a hidden embeded Reddit post but the rendering doesn't work in the backround. What are my options?
问：
这是 Bootstrap 的折叠组件。我计划将它与 1 个按钮和 2 个元素一起使用以在它们之间切换。
- 发短信：
class="collapse show" - Reddit帖子：
class="collapse"
Reddits 支持通过包含名称、链接等信息进行嵌入。紧随其后的是 。<blockquote><script async="" src="https://embed.reddit.com/widgets.js" charset="UTF-8"></script>
嵌入帖子的完整代码如下所示：
<blockquote class="reddit-embed-bq" style="height:500px" data-embed-theme="dark" data-embed-height="500"> <a href="https://www.reddit.com/r/ProgrammerHumor/comments/12a3nsg/this_is_what_we_all_aspire_to_be/">This is what we all aspire to be</a><br> by <a href="https://www.reddit.com/user/Propadol">u/Propadol</a> in <a href="https://www.reddit.com/r/ProgrammerHumor/">ProgrammerHumor</a> </blockquote><script async="" src="https://embed.reddit.com/widgets.js" charset="UTF-8"></script>
我的问题是，当 Reddit 帖子在网站加载时折叠时，渲染将不起作用。widgets.js
我想出了一个粗略的解决方法，即使用jQuery插入-Tag，同时单击切换按钮;这在技术上是可行的，但它看起来是meh！，而它被渲染了。当一切都正确渲染时，上面链接的 Bootstrap Collapse 确实看起来流畅干净 - 所以我想知道是否有办法事先以“看不见”的方式渲染嵌入的帖子？<script>
答： 暂无答案
评论
.collapse添加 ，这可能就是渲染小部件不起作用的原因。我想您可以尝试先将小部件呈现在其他地方 - 在未使用 display：none 隐藏的元素中，而是以其他方式隐藏，例如放置在屏幕外。然后，当第一次打开折叠时，将已经渲染的元素附加到其中。display: none