title: jquery mobile with once-shown splash page
body: <p>I have a design that build a splash page (may with loading icon so "start screen" of iOS is not satisfied) on jQuery Mobile webapp. However I have this page-proceess problem now: The page after splash page is a function list. When user tap one function it will enter one specific function page. The specific page has not 'back' button on page, so user has to press "back" button on browser in order to go back to function list (and then press "forward" to return to specific page). <strong>Function list page must not go back to splash page by "back" button on browser.</strong></p>
  
  <pre><code> --------   Auto    ---------------   User Tap    -------------------
  | Splash | ------&gt; | Function List | ----------&gt; | Specific Function |
   --------           ---------------               -------------------
      ^                     |  ^                                ^
      |xxxxxxxxxxxxxxxxxxxxx|  |________________________________|
           CAN NOT BACK         Back &amp; Forward Button of Browser
  </code></pre>
  
  <p>Here is what I tried:</p>
  
  <ol>
  <li>To begin with, if I do normally with blank hash for splash and another 2 hashed for 2 other pages, lish page has "Back" button enabled and user can tap it to go back to splash page.</li>
  <li>If I use <code>changeHash: false</code> from splash to list, when user press "back" button on list, it will go back to splash page but not list page.</li>
  <li>If I use <code>$('#splash-page').remove()</code> when list page is shown, when user press "back" button on list, system will re-generate splash page and it will also go back to splash page but not list page.</li>
  <li>If I use <code>hashListeningEnabled = false</code> on mobileinit and change it to true when list is shown, it doesn't work. Configure setting may only enabled on mobileinit.</li>
  <li>One possible solution is use <code>location.replace('#page-list')</code> method. But it cannot set the transition from splash to list. Setting <code>defaultPageTransition</code> can helps but I has another default transition wanted, set <code>defaultPageTransition</code> face to one specific transition and other transitions in code need lots of work. <code>defaultPageTransition</code> can set only once from tries 4.</li>
  </ol>
  
  <p>So I need a solution without some hacks like tries 5.
  Thank you for reading till here.</p>
  
  <hr>
  
  <p>In addition, My android 2.3 device can not support <code>location.replace</code>, even change <code>location.hash</code> can not be listenned by jQuery Mobile.</p>