Вопросы Теги

jquery мобильный экран-заставка с javascript

Я стараюсь не использовать это для заставки, потому что это не работает на всех устройствах и по другим причинам:

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

Итак, я пытаюсь использовать это вместо этого, и оно работает нормально, пока не перейдет на новую страницу, которая затем снова обрабатывается как экран-заставка (например, оно становится пустым, когда таймер истекает - в данном случае 4 секунды). Как я могу остановить/ограничить это поведение, чтобы 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>
7
задан user1418581 26 May 2012 в 04:27
поделиться