Transition between different versions of same dynamic page

Transition between different versions of same dynamic page

Hi all,

I needed to render a complex and variable path hierarchy within JQM so the only viable solution was to use the same page and constantly re-render the html as the user navigates forwards and back through the hierarchy.

After some fiddling, the dynamic page is behaving nicely - but with one small problem...

When a new path in the hierarchy is selected, the script deletes the old html and appends the html relevant to the new path to the same anchor in the page - but this means there is no (semblance of) a page transition to guide the user. The html just gets rapidly updated in-situ.

Clearly, you can't transition between the same page, so I had the idea of generating the "new" html in a dummy page and then transitioning from the current page to the dummy one.

The problem here is that I have to use $.mobile.changePage() which means that #dummyPage appears in the address bar and the navigation stack gets totally fubared.

Does anyone know of a way of transitioning between two pages without involving the navigation stack?

I had a look at the JQM source, but the two seem inextricably linked.

Thanks.