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
Post a Comment