javascript - Jquerymobile Panel link problems -


i'm trying configure slide-panel jqm 1.3.1. created "one page-jqm"-pages 1 index.html , several

now im trying slide panel work when add second page, page stuck in loading screen.

my code explain mean:

<!doctype html> <html lang="de"> <head>   ...   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">    <!-- jquery , jquery mobile -->    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>   <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>  </head> <body> <!-- page 1 --> <div data-role="page" id="page1">     <div id="header" data-theme="c" data-role="header">     <a id="men" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info">     </a>      <h3>body change</h3>    </div>   <div id="content" data-role="content">     test123   </div>    <div id ="footer" data-role="footer">     footer   </div>   <div data-role="panel" id="menue" data-display="push" data-theme="a">     <div data-role="controlgroup">       <h2>menü</h2>       <a href="#page1" data-role="button" class="ui-btn-active">home</a>       <a href="#page2" data-role="button">erlaubte lebensmittel</a>       <a href="#page3" data-role="button">verbotene lebensmittel</a>       <a href="#page4" data-role="button">frühstück</a>      </div>   </div> <div>   <!-- page 2 --> <div data-role="page" id="page2">     <div id="header" data-theme="c" data-role="header">     <a id="men" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info">     </a>      <h3>body change</h3>    </div>   <div id="content" data-role="content">     test123   </div>    <div id ="footer" data-role="footer">     footer   </div>   <div data-role="panel" id="menue" data-display="push" data-theme="a">     <div data-role="controlgroup">       <h2>menü</h2>       <a href="#page1" data-role="button" class="ui-btn-active">home</a>       <a href="#page2" data-role="button">erlaubte lebensmittel</a>       <a href="#page3" data-role="button">verbotene lebensmittel</a>       <a href="#page4" data-role="button">frühstück</a>      </div>   </div> <div> 

i thank in advance cracker182

edit: browser console shows : uncaught typeerror: cannot read property 'options' of undefined

edit2: forgot close page divs, thank omar

             stripped footer menu blocks , if @ structure out why page not navigating next page... sure take @ naming conventions                  pertaining anchor tags...                   <!doctype html>             <html lang="de">             <head>             ...             <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">              <!-- jquery , jquery mobile -->              <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>             <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>              </head>             <body>             <!-- page 1 -->             <section id="firstpage" data-role="page">             <div id="header" data-theme="c" data-role="header">             <a id="menu" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info"></a>              <h3>body change</h3>              </div>             <div id="content" data-role="content">             <p>this page 1</p>             <p><a href="#secondpage">go second page</a></p>             </div>              <div id ="footer" data-role="footer">             footer             </div>              <div>             </section>              <!-- page 2 -->             <div data-role="page" id="secondpage">               <div id="header" data-theme="c" data-role="header">             <a id="menu" data-role="button" href="#menue" data-icon="grid" data-iconpos="notext" class="ui-btn-left info">             </a>              <h3>body change</h3>              </div>             <div id="content" data-role="content">             page 2             <p><a href="#firstpage">go first page</a></p>             </div>              <div id ="footer" data-role="footer">             footer             </div>             <div> 

Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -