Search jQuery

jQuery Forum

jboss1995

Dialog to show when a page first loads?

in jQuery Mobile • 7 months ago

Is there a way to get a Dialog to show when a page first loads? I would like to ask the user a question when he/she first loads the page. I know how to use a button to show a dialog. i guess i could have the button that is hidden and then use jquery to click it onload but is there a better way?

Thanks for your help

Replies(4)

Godsbest

Re: Dialog to show when a page first loads?

7 months ago

Yes, you could do that and you could also use $.mobile.changePage() as long as the page you are changing to is defined as a dialog it should work fine.

$(document).on('mobileinit',function() {

$.mobile.changePage( $('#dialog') );

});

jboss1995

Re: Dialog to show when a page first loads?

7 months ago

it did not work. but what does this mean:

as long as the page you are changing to is defined as a dialog it should work fine.

Godsbest

Re: Dialog to show when a page first loads?

7 months ago

<div data-role="dialog">
  <div data-role="header" data-theme="d">
  <h1>Dialog</h1>
  </div>
  <div data-role="content" data-theme="c">
     <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
  </div>
</div>

http://jsfiddle.net/4EYSh/

jboss1995