Phonegap & jQuery手机版，如何改变网页内容而不是网页？
Phonegap & jQuery手机版，如何改变网页内容而不是网页？
提问于 2012-02-09 20:17:25
我使用静态页脚和页眉。我使用javascript设置了这些脚本的内容。它们是动态的。
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>App name</h1>
</div><!-- /header -->
<div data-role="content" id="content">
<p>Loading...</p>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" id="menu1">Menu1</a></li>
<li><a href="#" id="menu2">Menu2</a></li>
<li><a href="#" id="menu3">Menu3</a></li>
</ul>
</div>
</div><!-- /footer -->
</div><!-- /page -->
</body>我捕捉菜单项上的单击事件，然后开始使用$("#page").live('pageinit', mainMenu);
然后，我想使用以下代码更改$("#content") html：
$.mobile.changePage( "main-menu.html", { transition: "slideup" } );然而，这会改变整个页面。如何将其设置为仅更改#content的内容
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-02-14 20:23:30
JQM本身并不支持只替换#content html。
但是，也可以使用自己的系统，基本上是编写自己的函数来加载内容。
$('#content').load('main-menu.html');您必须使用我在这里描述的结构：Creating templated/persistant header/footer template in jQuery Mobile and PhoneGap
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9210674
复制相关文章
相似问题
腾讯云开发者
