I've looked over the documentation and searched this forum (as well as others like StackOverflow), but still haven't been able to figure this out.

I'm a noob so I'm guessing I'm missing something fairly trivial...

Here's what I know:in jQuery Mobile you can have multiple pages by either:a. in one html file, have multiple page divsb. have multiple html files

Using one html file with multiple page divs, I was able to get page transitions working by merely adding [data-transition="slide"] as an attribute to the link. (That's so awesome by the way.)I then wanted to break the pages out into multiple html files so it'll be easier to maintain. The pages link just fine, but the transitions are no longer there.

Should [data-transition="slide"] be all I need to get page transitions working between multiple html files as well?If not, then what else do I need to add?I've tried adding [rel="external"] and replacing the href with "./page2.html" and "page2.html#foo".

Here's some more background information:1. all the html files are in the same directory2. I'm using PhoneGap as well3. right now it's just one page div in each html file

From what I've read I'm not sure if jQuery Mobile automatically fetches the next page with AJAX, loads it into the DOM, and then transitions to the next page (hopefully with some animated transition). Or if I'm suppose to handle the fetching, loading, and transitioning thru javascript myself.

I've only used basic sample code from the jQuery website, but I can post them if it'll help. It seems like I'm just missing some high level work flow understanding of how jQuery Mobile is expecting me to tell it how to transition to the next html file.

I would have assumed that loading page2.html would also reload everything and transitions won't work either. From what you're telling me it sounds like there's nothing special I should need to do to get transitions working between html files within the same directory. It seems like there is some serious magic going on to be able to transition to another html file. I couldn't find anything to deny or confirm this...so I was hoping someone from the forum can tell me a definite yay or nay.

I'll try at it some more. What I've tried thus far is modifying the href attribute (./page2.html, page2.html, etc.) and the rel attribute. I haven't found much other things to try from the documentation.

Any suggestions what else I might be able to try to get this working? Everything works (eg transitions) beautifully when using just page DIVs in the same html file.

Thank you for the pointer. I moved the script tags around and found my bug. I had moved the path of the jQuery JS file and that's why things weren't working. I should have known it when the styles went missing, but I thought I had just removed a style tag by accident or something.

A big thank you to you and haga0054. Without your reassurance that things should just work, I'd be hunting down my ghost attribute forever.

Thanks again and happy holidays!

Oh...just FYI, I tested out the script tags in multiple locations and they all still worked. But if anything breaks, I'll remember to move the script tags somewhere else.