在页面过渡时转移部分 dom答案

【问题标题】：Transfer part of the dom on page transition在页面过渡时转移部分 dom
【发布时间】：2012-10-28 04:06:16
【问题描述】：

我有一个简单的 jquery 移动应用程序，其中每个页面都有以下结构：

<div data-role="page">
  <div data-role="header">...</div>
  <div data-role="content">
    <div class="content-primary">...</div>
    <div class="content-secondary">...</div>
  </div>
  <div data-role="footer">...</div>
</div>

content-secondary 是左侧边栏，很像 jquery 移动文档。这种次要内容永远不会改变，但它可能非常庞大和复杂（在每个页面上重新加载都很昂贵）。我想在转换时将相同的 dom 元素从一个页面移动，而不必像 jqm 文档那样在每个页面上都包含它。我只需要在它不存在时加载它，然后在每次页面转换时移动它。有关如何执行此操作的任何提示？

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

您可以将HTML content 插入到page 的pagebeforecreate 处理程序中。

【讨论】：

可能需要在页面转换事件上。因为在 pageveforecreate 上，当我想转移它时，我必须从当前显示的页面复制到新页面。
将其放入pagetransition 将导致组件在屏幕上闪烁。所以我倾向于在pagebeforecreate 中添加任何新的HTML content，这样它也可以通过JQM 得到增强。