tela inicial móvel jQuery com javascript
Eu estou tentando evitar usar isso para a tela inicial, porque não funciona em todos os dispositivos e por outras razões:
<link rel="apple-touch-startup-image" href="img/splash.png" />
Então, estou tentando usar isso e funciona bem até que ele deslize para uma nova página, que é tratada como a tela inicial novamente (por exemplo,ele fica em branco quando o temporizador expira - nesse caso, 4 segundos). Como posso parar / restringir esse comportamento, para que o changePage permaneça contido apenas na página inicial?
<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>