I've got an question regarding the combination between Adobe Edge and jQuery Mobile.
We've used the jQuery Mobile theme in Dreamweaver as an starter for our app and got (for example) five data-role pages within this html document. Now, every page needs an animation from Adobe Edge but when we preview our mobile app in the browser all the animations loads simultaneously on these five pages. So when we click on a (data-role) page the animation is already finished instead of start playing from the beginning.
My knowledge in jQuery is limited but is there something to fix this so the Edge animation only starts when we click on an specific (data-role) page?
Stefan (from the Netherlands)
You can turn off autoplay in the main stage - just click on Stage in the elements panel, and then deselect "Autoplay" from the properties panel. Then you can trigger the play when you click on a page.
Hope that helps!