Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery mobile dialog close automatically in chrome
    primarykey
    data
    text
    <p>I’m currently working on a jQuery mobile page. I need to display an error message in a dialog, which works perfectly in FF and IE. But when I open the page in chrome, the dialog will close automatically.</p> <p>Here is my code:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Header&lt;/title&gt; &lt;meta name="viewport" id="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /&gt; &lt;script src="http://code.jquery.com/jquery-2.0.3.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $.mobile.changePage('#errorDialog', { transition: 'pop', role: 'dialog' }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" data-theme="a"&gt; &lt;div data-role="header" data-position="fixed"&gt; &lt;h1&gt;Home&lt;/h1&gt; &lt;/div&gt; &lt;div data-role="footer" data-position="fixed"&gt; &lt;h4&gt;Footer&lt;/h4&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="errorDialog" data-role="dialog" data-close-btn="right" data-theme="a"&gt; &lt;div data-role="header"&gt; &lt;h1&gt;Error&lt;/h1&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;p&gt;Error Message...&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Am I doing something wrong? </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload