jquery dialog not coming up on pageload

Question

I want to show the dialog after the pageload .

<div id="mobile-Page" data-url="/en/" data-role="page">
<input id="address" type="text" value="ad" name="firstName">
</div>
<div id="mobile-dialog" data-url="/en/" data-role="dialog">
 <label>text to be added </label>
</div>

java script Included as follows

<script type="text/javascript">
<script src="/_ui/mobile/common/js/jquery-1.10.2.min.js" type="text/javascript">
<script src="/_ui/mobile/common/js/jquery.mobile-1.3.2.min.js" type="text/javascript">
</script>

I am trying to open dialog in document ready as follows.

$(document).ready(function ()
{   
$.mobile.changePage('#mobile-dialog', {
            transition: 'pop',
            changeHash: true,
            //dialogForce: true,
            //role: 'dialog'
            reverse:false
        });
}

I am not able to see dialog after the page load and also no errors in console.

when do you want to call the dialog exactly? – Omar Dec 18 '13 at 08:58 — Omar, Dec 18 '13 at 08:58

score 1 · Accepted Answer · edited May 23 '17 at 11:50

1

You might want to check out https://stackoverflow.com/a/15929161/1178968

"Set a time interval to show the dialog, rather than call it once the page is shown." - Omar

$(document).on('pageshow', '#myPage' ,function () {
 if (getValue() == null) {
  setTimeout(function () {
   $.mobile.changePage('#dialog');
  }, 100); // delay above zero
 }
});

edited May 23 '17 at 11:50

Community

1
1

answered Dec 18 '13 at 07:11

acrogenesis

937
9
21

seems like it's problem with showing the dialog. Do I need to call the dialog.show() externally? – sree Dec 18 '13 at 07:32

jquery dialog not coming up on pageload

1 Answers1