I’ll explain on example.

A have page with number:

By clicking “mooove” button i what to make page transition to same page with new number. For example let it will counter.

I want to change page data (number from 1 to 2) not before transition and not after. It should look like one page replaced by another with different data.

As i undestand, i have to generate new page based on main and then make transition. Or no?

I know about construction:

$.mobile.changePage('#main', {
    transition: "slide",
    allowSamePageTransition: true
});

Which approach is correct for this problem?