Я попробовал использовать функцию «Свернуть» в Bootstrap, чтобы открыть скрытую встроенную публикацию Reddit, но рендеринг в фоновом режиме не работает. Какие у меня есть варианты?
Вот компонент свертывания Bootstrap. Я планирую использовать его с 1 кнопкой и 2 элементами для переключения между ними.
- Текст:
class="collapse show" - Сообщение на Реддите:
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>
Моя проблема в том, что рендеринг черезwidgets.jsне будет работать, если сообщение Reddit свернуто во время загрузки сайта.
Я придумал схематический обходной путь, используя jQuery для вставки<script>-Отметить тем же нажатием на тумблер; Технически это сработало, но выглядит фу! пока он визуализируется. Связанный выше сбой Bootstrap действительно выглядит гладким и чистым, когда все правильно визуализировано - поэтому мне было интересно, есть ли способ заранее отобразить встроенное сообщение «невидимым» способом?