Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery search-form not working in phonegap
    text
    copied!<p>This works fine if i use only single data-role="page" but if I add more pages I mean with more than one data-role="page" it stop working.</p> <pre><code>&lt;div id="studentpage" data-role="page"&gt; &lt;div data-role="header" data-theme="b"&gt; &lt;h1&gt;Search inputs&lt;/h1&gt; &lt;a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home"&gt;Home&lt;/a&gt; &lt;/div&gt;&lt;!-- /header --&gt; &lt;div data-role="content"&gt; &lt;form action="#" method="get"&gt; &lt;p&gt;The search input is displayed like this:&lt;/p&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="search"&gt;Search Input:&lt;/label&gt; &lt;input type="search" name="password" id="search" value="" /&gt; &lt;/div&gt; &lt;p&gt;Themed variation:&lt;/p&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="searchA"&gt;Search Input:&lt;/label&gt; &lt;input type="search" name="searchA" id="searchA" value="" data-theme="a" /&gt; &lt;/div&gt;&lt;/form&gt; &lt;/div&gt;&lt;!-- /content --&gt; &lt;/div&gt;&lt;!-- /page --&gt; </code></pre> <p>This works fine but if I add one more div with page role</p> <pre><code>&lt;div id="otherpage" data-role="page"&gt; My second page &lt;/div&gt; &lt;div id="studentpage" data-role="page"&gt; &lt;div data-role="header" data-theme="b"&gt; &lt;h1&gt;Search inputs&lt;/h1&gt; &lt;a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home"&gt;Home&lt;/a&gt; &lt;/div&gt;&lt;!-- /header --&gt; &lt;div data-role="content"&gt; &lt;form action="#" method="get"&gt; &lt;p&gt;The search input is displayed like this:&lt;/p&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="search"&gt;Search Input:&lt;/label&gt; &lt;input type="search" name="password" id="search" value="" /&gt; &lt;/div&gt; &lt;p&gt;Themed variation:&lt;/p&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="searchA"&gt;Search Input:&lt;/label&gt; &lt;input type="search" name="searchA" id="searchA" value="" data-theme="a" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt;&lt;!-- /content --&gt; &lt;/div&gt;&lt;!-- /page --&gt; </code></pre> <p>This seems strange behavior, Please help. </p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload