页面加载后呈现部分把手 (HBS)

Question

是否有任何方法可以在页面加载后呈现某个部分？

我有以下代码：

<div class="row document_display custom_scrollbar">
 <div class="col-10">
  <div class="row">

   {{> document_whiteBox column="6" public_source="true" title="Título do Documento" author="João Dezembro" data="10 de maio de 2018" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad runt mollit anim id est laborum."}}

  </div>
 </div>
</div>

有部分 document_whiteBox 接收一些参数。这个文档是动态加载的，也就是说，我滚动得越多，它加载的文档就越多（比如 facebook 提要）

我想通过 API 检索服务器信息并在滚动期间呈现此 document_whiteBox。

可能吗？

Answer 1

恐怕这是不可能的。您的模板处理到此结束。

你可以做的是在滚动条上放置一个偶数，通过在正确的数据上重新执行代码来显示下一个事件。

否则另一种解决方案（但成本更高）是 return 将所有数据发送到客户端并隐藏部分直到用户滚动。

Answer 2

我是这样解决的：

我在显示时渲染了一个没有任何内容的模板：none 当我检索内容时，我使用 JQUERY 创建一个基于这个隐藏模板的元素

使用模板隐藏div

<div id="templates" style="display:none">
  {{> document_whiteBox column="3" public_source="false" title="" author="" data="" content=""}}
  {{> block_container_list}}
</div>

基于模板生成元素的代码：

this.$template_document = $("#templates").find(".doc_whitebox").prop('outerHTML')
this.$template_block = $("#templates").find(".block_container_list").prop('outerHTML')

let el = $.parseHTML(this.$template_document)
$(el).find(".title_whiteBox_archive").find("span").text(doc_version.title)
(...)

页面加载后呈现部分把手 (HBS)

Rendering a partial handlebars (HBS) after page load

javascript

handlebars.js