Jquery mobile 在页面转换时传输dom的一部分

我有一个简单的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文档那样在每一页都包含它。我只需要在它不存在时加载它，然后在每次页面转换时移动它。有关如何执行此操作的任何提示？

您可以在创建

处理程序之前将
HTML
内容插入
页面的
页面中。
可能需要在页面转换事件中。因为在pageveforecreate上，当我想要传输它时，我必须从当前显示的页面复制到新页面。将其放入
pagetransition
将导致组件在屏幕上出现闪烁。因此，我倾向于在
pagebeforecreate
中添加任何新的
HTML
内容
，这样JQM也可以增强它。