jquery-mobile - 在页面过渡时转移部分 dom

Question

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

Answer 1

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