jQuery Forum

That is how it is supposed to work. Put your swipeusedpage.htm js in the initial js call, use an onbeforepagecreate to use it when appropriate. 

Hi

You have to potions here

Option 1: All you javascript code resides in the main html page, binding with live pagecreate events the code for the new pages:

1. $('#new_page').live('pagecreate',function(){
2.       // the code for the new page here
3. });
4. $('#new_page2').live('pagecreate',function(){
5.       // the code for the new page2 here
6. });

Option 2: Put your javascript code inside the <div data-role='page'></div> if you put your code here it will be loaded as the page and executed:

1. <div data-role='page>
2.       <script> your code here...</script>
3. </div>

Antonio Alonso
R & D Software Engineer
Embarcadero Technologies

FYI, I have two blog posts that detail how to apply swipeleft/swiperight.

May I add a detail about the 2 solutions AntonioAlonso mentioned :


The solution 1 is good if the Javascript code will be used on several pages, because you will have loaded only once.
The solution 2 is good if you have some Javascript code specific to a page : if the user doesn't visit that page, then he won't have loaded that Javascript. Data-loaded earned, initial-loading-time earned.

Of course, this is for web apps. If you use PhoneGap to create a native app, then calling all the JS in the index page looks more logical, though it shouldn't change a thing.

Also note O'Reilly has a book out: