Question

我正在为移动网络应用添加启动页面。我希望在网站加载时显示徽标页面...大约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>

jQuery Mobile Splash Screen继续在Safari中重新加载

0 个答案: