jquery mobile Begrüßungsbildschirm mit Javascript

Question

May 26, 2012, 06:27 AM

jquery mobile Begrüßungsbildschirm mit Javascript

Ich versuche, dies für den Begrüßungsbildschirm zu vermeiden, da es nicht auf allen Geräten funktioniert und aus anderen Gründen:

<link rel="apple-touch-startup-image" href="img/splash.png" />

Ich versuche, dies stattdessen zu verwenden, und es funktioniert einwandfrei, bis eine neue Seite angezeigt wird, die dann wieder wie der Begrüßungsbildschirm behandelt wird (z.Wenn der Timer abläuft, erlischt die Anzeige. In diesem Fall sind es 4 Sekunden). Wie kann ich dieses Verhalten stoppen / einschränken, sodass changePage nur in der Begrüßungsseite enthalten bleibt?

<body>
 <div data-role="page" id="splash"> 
  <div class="splash">
    <img src="startup.jpg" alt="startup image" />

<script type='text/javascript'>//<![CDATA[ 
            $(window).load(function(){
            $(function() {
                setTimeout(hideSplash, 4000);
                        });

            function hideSplash() {
            $.mobile.changePage("#home", "fade");
            }


            });//]]>  
        </script>

  </div>
 </div>

 <div data-role="page" id="home"> 
   <div data-role="header" data-backbtn="false">
    <h1></h1>
   </div>
   <div data-role="content">

   </div>
 </div>
</body>