problem with pageshow-event timing

problem with pageshow-event timing

Hi,

i have a mobile application with different pages in one file. First page is "pageMain":
  1. <div data-role="page" id="pageMain">
  2. ...
  3. </div>

I want to show a dialog before using this page, so I have a second page:

  1. <div data-role="page" id="pageMainTerms">
  2. ...
  3. </div>

Then I have a function to open this second page as a dialog:

  2. function automatedTerms()
  3. {
  4. $.mobile.changePage( '#pageMainTerms', {
  5. transition: "pop",
  6.   role: "dialog"
  7.  } );
  8. }
and start this dialog with using the pageshow event in the body onload:

  2. function onBodyLoad() {
  3.       $("#pageMain").on( "pageshow", automatedTerms() );
  4. }

  6. <body onload="onBodyLoad()">
  7. ...

If I start the site, it shows the dialog for a very short time, then the pageMain is loaded and the dialog is not visible. Is there any possibility to open the dialog AFTER showing the first page?

Thanks!
Sebastian