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