2012-07-11 63 views
-1

這工作正常,如果我只使用單個數據角色=「頁」,但如果我添加更多的頁面我的意思是與多個數據角色=「頁面」它停止工作。Jquery搜索表單不能在電話工作

<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 --> 

這似乎奇怪的行爲,請幫助。

+0

你什麼意思,'它停止working'更換切換頁面?預期的行爲是什麼,實際的結果是什麼? – Jasper 2012-07-11 18:59:28

+0

其實它並不顯示jquery搜索框。但它是由於在頁面切換中使用隱藏和顯示在jaascript中,現在我將其更改爲$ .mobile.changePage(「#studentpage」),它在Web瀏覽器中正常工作。但現在我在android模擬器中測試它再次顯示沒有空白頁面。 – Ayesha 2012-07-11 20:17:10

+0

下次您發佈問題時,您應提供所有相關代碼。比如沒有人可以幫你,因爲你沒有發佈任何JavaScript代碼。 – Jasper 2012-07-11 21:28:16

回答

0

我是用隱藏顯示,因此沒有工作,所以使用jQuery方法$ .mobile.changePage(「#studentpage」)現在的工作完美