title: Jquery mobile popup with loading spinner
body: <p>The popup delays a long time to load in device.</p>
  
  <p>How can I show a loading spinner before display a popup in jquery mobile?</p>
  
  <p>This is a simplified version of my code:</p>
  
  <p><b>HTML</b></p>
  
  <pre><code>&lt;div data-role="page" id="fixed_numbers"&gt;
      &lt;div data-role="header"&gt;
          &lt;a href="#" data-icon="back" data-rel="back" data-role="button"&gt;Back&lt;/a&gt;
          &lt;h1&gt;Header&lt;/h1&gt;                  
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
          &lt;div id="dlg_fix" data-role="popup" data-theme="a" data-overlay-theme="a"&gt;&lt;/div&gt;
          &lt;a href="#" id="fix_num_btn" data-value="test"&gt;Click Here!&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><b>Javascript</b></p>
  
  <pre><code>$(document).on("pageinit", "#fixed_numbers", function() {
  
      $("#fixed_numbers").on("click", "#fix_num_btn", function(e) {
          e.preventDefault();
          // value receive a data from input hidden  
          var value = $(this).attr("data-value");
          $('#dlg_fix').html(value).popup('open');
      });
  });
  </code></pre>
  
  <p>Thanks</p>