javascript - DRY swipe navigation in JQuery Mobile -

javascript - DRY swipe navigation in JQuery Mobile -

i putting jquery swipe navigation on project developed jquery mobile. can work no worries not dry implementation , know i'm going have issues updating in future. have series of html pages swipe navigate other html pages in same folder. here illustration of html code:

<div id="point2" class="tpb" data-role="page" data-title="baby section - talking point 2"> <header data-role="header" data-theme="f" data-position="fixed"> <a href="#" data-rel="back" data-theme="h" data-icon="arrow-l" data-direction="reverse">back</a> <a href="../activities.html" data-theme="h" data-icon="baby">activities</a> <h1>0-12 months</h1> </header> <div data-role="content" class="content" data-theme="a"> <h1>mother&rsquo;s voice</h1> <p>babies larn recognise mother&rsquo;s voice in utero. birth babe has preference voice on other sounds. babies begin larn difference between sounds not long after birth.</p> <p>talk babe , birth. utilize name, talk whatever doing , repeat words many times. babies need hear words lots of times before understand , utilize them.</p> <p><img src="../../img/baby/baby-tp2-mothers-voice.jpg" class="insert" /></p> </div> <script type="text/javascript"> $("#point2").on('swipeleft', function (event, ui) { if(event.handled !== true){ $.mobile.changepage('point3.html', {transition: "slide", reverse: false}, true, true); event.handled = true; } homecoming false; }); $("#point2").on('swiperight', function (event, ui) { if(event.handled !== true){ $.mobile.changepage('point1.html', {transition: "slide", reverse: true}, true, true); event.handled = true; } homecoming false; }); </script> </div>

now have tried follow jquery mobile documentation doing dry way , docs create no sense me @ all. appears though sample swap div has different background image. http://demos.jquerymobile.com/1.3.0/docs/examples/swipe/swipe-page.html

i confident can dry working if pages in single html file loads dom (single page app) working separate files? wondering if can set array pick sequential pages in folder , maintain order? js skills not great i'm looking working illustration pick apart can understand implementation. please allow me know if have implementations this. want dry!!

javascript jquery jquery-mobile