jquery-mobile - Jquery Mobile changePage 加载网站而不切换标题

Question

此时，当我使用幻灯片转换调用 changePage() 时，整个页面都在滑动，标题也是如此。是否有可能，在 changePage 上，标题是静态的，只有标题的按钮和标题在变化，但标题作为本机应用程序保持静态。

我的意思是，我在某处读到，JQM 中的页面是由 Ajax 加载的。但是在我的应用程序上，我看到页面是如何切换完成的，这看起来很弱。

是否可以以某种方式进行切换，就好像标题是静态的并且只有内容被切换？

Answer 1

使用 changePage 是不可能的，但您可以将新内容加载到内容 div，如下所示：

    <div data-role="page" id="main_page">
      <div data-role="header">
        <h1 id="page_title">My Title Here</h1>
      </div>
      <div data-role="content">
        <div id="page_data">
            <button id="changepage">ChangePage</button>
          <h3>Some stuff</h3>
            <input type="text" value="sometext" /><br />
          <ul data-role="listview">
           <li>Some other stuff</li>
          </ul>
          </div>
      </div>
    </div>

然后当你想改变页面时：

$("#page_title").html("New page title!");
$("#page_data").html("<h3>my awesome markup</h3>"); // this could come from ajax'ing
$("#page_data").trigger('create');

请记住，标题栏上的任何按钮也需要隐藏和显示。您可以通过拥有多个内容 div 并使用$.animateor来转换新内容$.fadeIn。

编辑：这是一个工作示例： http: //jsfiddle.net/Y9PVC/2/（现在有淡出和淡入）。