如何处理jquery mobile中的常用元素

Question

刚开始使用jquery mobile，我理解数据角色页面的概念。 我的应用程序将包含单个页面，而不是一个HTML文件中的多个页面

这些页面在呈现为传统网站时，包含许多常见标记（标题，菜单，页脚） 理想情况下，我希望每个新页面只修改页面内容而不加载所有额外标记。 这个我可以处理好的服务器端并返回HTML片段而不包含其余元素。 但是，jqm将仅显示响应，并且隐藏所有公共位。 有人可能会说，只是返回一切，但有一些常见元素（例如菜单） 具有客户端逻辑，在页面加载时发出AJAX请求以显示用户特定数据，并且不需要为每个页面执行此操作。

我认为这是一个非常常见的场景，我对你们如何处理这个问题感兴趣 情况？

由于

Answer 1

检查最新的JQM 1.4 demos。页眉，页脚，面板和弹出窗口可以在JQM页面之外创建，所以唯一剩下的就是

 <div data-role="page" id="your_page_id">
    <div class="ui-content">

    </div>
  </div>

只有包含内容的页面才会在changePage调用中更改。其余的将持续存在。

注意：请务必致电

 $(document).enhanceWithin() 

在显示您的页面之前，因为JQM不会增强页面外的元素。