Jquery mobile Jquery Mobile changePage加载站点而不切换标题

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

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

---

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

使用changePage是不可能的，但您可以将新内容加载到content 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');

$（“页面标题”）.html（“新页面标题”）；
$（“#page_data”）.html（“我最棒的标记”）；//这可能来自ajax'ing
$（“#page_data”）.trigger（'create'）；

请记住，标题栏上的任何按钮都需要隐藏和显示。通过使用多个内容div并使用

$.animate

或

$.fadeIn

，可以在中转换新内容

---

编辑：这里有一个工作示例：（现在使用fadeOut和fadeIn）。

这是一个可能产生这种效果的页面：它们是如何实现的？很简单，您向我们展示的示例不是jQM web应用程序。您必须了解jQM是如何工作的，才能理解如何解决问题。页眉和页脚是jQM页面不可分割的一部分，当您更改页面时，也会更改页眉和页脚。我会给你写一个解决方案，但这不是一个简单的解决方案。嘿，Gajotres，是的，这个例子不适用于JQM，但我知道，JQM永远不会这么快切换页面。您是否有仅用于Jquery的示例，其中我只能切换内容并保留页眉和页脚修复？请看下面我的答案。旋转木马是你们能做的最好的事情。我可以告诉你，它有更好的过渡效果比正常的页面改变。Carousel将为您提供示例中的功能，但如果您的应用程序规模不大，请使用destroysound示例。嗨，我不知道destroysound。我需要了解一下。但请看我的链接：这是您的答案，可以使标题保持静态，只更改其上的按钮；-）好的，我现在明白我需要做什么了。有没有类似的解决方案，比如这个例子：但是在jQuery中实现了？我在例子中提到了一些东西，我已经发布了，过渡非常好！非常快速和流畅，尤其是在iPhone4上。