1

モバイルウェブアプリにスプラッシュページを追加する作業をしています。サイトの読み込み中にロゴページを表示したい...約4秒。以下のコードは、Safariを除くすべてのブラウザで正常に機能しています。Safariでは、ページは4秒ごとにリロードされ続けます。メタタグを使用してみましたが、Safariでのみ同じ結果になりました。どんなアイデアでも大歓迎です！

    <html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

    <script>
  $('#splash').live('pageshow', function(){
       var hideSplash = function() {
           $.mobile.changePage($("#home"));
       };
      setTimeout(hideSplash, 2000);
  });
    </script>

    </head>

    <body>

        <div data-role="page" id="splash">
            <div data-role="content">  
                <img src="http://www.intergrupo.net/blog/wp-content/plugins/wptouch-pro/themes/classic/iphone/images/retina/retina-startup.png" alt="startup image" style="width: 100%; height: 100%" />
            </div>
        </div>


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

4

0 に答える 0