1

我正在向移动网络应用程序添加启动页面。我希望在网站加载时显示徽标页面......大约 4 秒。我的以下代码在除 Safari 之外的所有浏览器中都能正常工作。在 Safari 中,页面每 4 秒重新加载一次。我尝试使用 Meta 标签,仅在 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