Databases
StackOverflow2013
Postsdbo
POJquerymobile Panel link problems
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquerymobile Panel link problems
    text
    copied!<p>i'm trying to configure a slide-panel jqm 1.3.1. I always created "one page-jqm"-Pages one index.html and several </p> <p>Now im trying to get the slide panel to work but when i add a second page, the page stuck in loading screen. </p> <p>My code will explain what i mean:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="de"&gt; &lt;head&gt; ... &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"&gt; &lt;!-- jQuery and jQuery Mobile --&gt; &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- Page 1 --&gt; &lt;div data-role="page" id="page1"&gt; &lt;div id="header" data-theme="c" data-role="header"&gt; &lt;a id="men" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info"&gt; &lt;/a&gt; &lt;h3&gt;Body Change&lt;/h3&gt; &lt;/div&gt; &lt;div id="content" data-role="content"&gt; Test123 &lt;/div&gt; &lt;div id ="footer" data-role="footer"&gt; footer &lt;/div&gt; &lt;div data-role="panel" id="menue" data-display="push" data-theme="a"&gt; &lt;div data-role="controlgroup"&gt; &lt;h2&gt;Menü&lt;/h2&gt; &lt;a href="#page1" data-role="button" class="ui-btn-active"&gt;Home&lt;/a&gt; &lt;a href="#page2" data-role="button"&gt;Erlaubte Lebensmittel&lt;/a&gt; &lt;a href="#page3" data-role="button"&gt;Verbotene Lebensmittel&lt;/a&gt; &lt;a href="#page4" data-role="button"&gt;Frühstück&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;!-- Page 2 --&gt; &lt;div data-role="page" id="page2"&gt; &lt;div id="header" data-theme="c" data-role="header"&gt; &lt;a id="men" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info"&gt; &lt;/a&gt; &lt;h3&gt;Body Change&lt;/h3&gt; &lt;/div&gt; &lt;div id="content" data-role="content"&gt; Test123 &lt;/div&gt; &lt;div id ="footer" data-role="footer"&gt; footer &lt;/div&gt; &lt;div data-role="panel" id="menue" data-display="push" data-theme="a"&gt; &lt;div data-role="controlgroup"&gt; &lt;h2&gt;Menü&lt;/h2&gt; &lt;a href="#page1" data-role="button" class="ui-btn-active"&gt;Home&lt;/a&gt; &lt;a href="#page2" data-role="button"&gt;Erlaubte Lebensmittel&lt;/a&gt; &lt;a href="#page3" data-role="button"&gt;Verbotene Lebensmittel&lt;/a&gt; &lt;a href="#page4" data-role="button"&gt;Frühstück&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; </code></pre> <p>I thank you all for your help in advance cracker182</p> <p>EDIT: browser console shows : Uncaught TypeError: Cannot read property 'options' of undefined </p> <p>EDIT2: I forgot to Close the page Divs, thank you very much <a href="https://stackoverflow.com/users/1771795/omar">Omar</a></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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