jquery заставка для мобильного с javascript
Я стараюсь не использовать это для заставки, потому что она работает не на всех устройствах и по другим причинам:
<link rel="apple-touch-startup-image" href="img/splash.png" />
Поэтому я пытаюсь использовать это вместо этого, и оно работает нормально, пока не перейдет на новую страницу, которая затем снова обрабатывается как заставка (например,it goes blank when the timer expires - in this case 4 seconds). Как я могу остановить / ограничить это поведение, чтобы changePage оставался только на заставке?
<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>