jquery mobilny ekran powitalny z javascript
Staram się unikać tego na ekranie powitalnym, ponieważ nie działa na wszystkich urządzeniach iz innych powodów:
<link rel="apple-touch-startup-image" href="img/splash.png" />
Zamiast tego próbuję użyć tego i działa dobrze, dopóki nie przejdzie na nową stronę, która jest następnie traktowana jak ekran powitalny (np.gaśnie po upływie czasu - w tym przypadku 4 sekundy). Jak mogę zatrzymać / ograniczyć to zachowanie, aby strona changePage pozostała tylko na stronie powitalnej?
<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>