Css Jquery搜索表单在phonegap中不工作

如果我只使用一个data role=“page”，这很好，但是如果我添加更多的页面，我的意思是使用多个data role=“page”，它将停止工作

<div id="studentpage" data-role="page">
<div data-role="header" data-theme="b">
<h1>Search inputs</h1>
<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse"   class="ui-btn-right jqm-home">Home</a>
</div><!-- /header -->
<div data-role="content">
<form action="#" method="get">
<p>The search input is displayed like this:</p>
<div data-role="fieldcontain">
<label for="search">Search Input:</label>
<input type="search" name="password" id="search" value="" />
</div>
<p>Themed variation:</p>
<div data-role="fieldcontain">
<label for="searchA">Search Input:</label>
<input type="search" name="searchA" id="searchA" value="" data-theme="a" />
</div></form>
</div><!-- /content -->
</div><!-- /page -->

搜索输入
搜索输入如下所示：

搜索输入：
主题变体：

搜索输入：

这很好，但是如果我用页面角色再添加一个div

<div id="otherpage" data-role="page">
My second page
</div>

<div id="studentpage" data-role="page">
<div data-role="header" data-theme="b">
<h1>Search inputs</h1>
<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
</div><!-- /header -->
<div data-role="content">
<form action="#" method="get">
<p>The search input is displayed like this:</p>
<div data-role="fieldcontain">
<label for="search">Search Input:</label>
<input type="search" name="password" id="search" value="" />
</div>

<p>Themed variation:</p>
<div data-role="fieldcontain">
<label for="searchA">Search Input:</label>
<input type="search" name="searchA" id="searchA" value="" data-theme="a" />
</div>

</form>
</div><!-- /content -->
</div><!-- /page -->

我的第二页
搜索输入
搜索输入如下所示：

搜索输入：
主题变体：

搜索输入：

---

这似乎很奇怪，请帮忙

我使用hide show切换页面，所以它不工作，所以被jquery方法$.mobile.changePage（“学生页面”）取代，现在工作正常了

你说的，

它停止工作是什么意思？预期的行为是什么，实际的结果是什么？实际上它没有显示jquery搜索框。但这是因为在jaascript中使用隐藏和显示进行页面切换，现在我将其更改为$.mobile.changePage（“#studentpage”），它在web浏览器中运行良好。但现在我在android模拟器中再次测试，它没有显示任何空白页面。下次你发布问题时，你应该提供所有相关代码。例如，没有人可以帮助您，因为您没有发布任何JavaScript代码。