0

我正在开发一个 jquery 移动应用程序，我想在其中显示所有设备的启动画面，包括 ipod、iphone、android 手机、网络浏览器。

我试过下面的代码：

1.)

<script type="text/javascript">
 (function () {
  var a; if (navigator.platform === "iPad") {
     a = window.orientation === 90 || window.orientation === -90 ?
"_Startup_748x1024.png" : "Startup_768x1004.png"

 } else {
     a = window.devicePixelRatio === 2 ?
   "Startup_640x920.png" : "Startup_320x460.png"

 }
 document.write('<link rel="apple-touch-startup-image" href="' + a + '"/>') })()

上面的代码不适用于安卓手机和网络浏览器。

2.)

<div data-role="page" id="splash"> 
 @Html.Partial("_MobileHeader")
  <div class="splash">
        <img src="images/_Startup_748x1024.png" alt="startup image" style="width: 100%; height: 100%" />
    </div>
       <div data-role="content" id="pagecontent" data-theme="c">
    @RenderBody()
        </div>
    <!--End content div  -->
    @Html.Partial("_MobileFooter")
</div>

and the script that i have used is :

$(document).on('pageinit','#splash',function(){
setTimeout(function(){
    $.mobile.changePage("#pagecontent", "fade");
}, 4000);  });

使用上面的代码，两个 div 一起显示，我只想先显示初始屏幕，然后再显示另一个 div 的内容。

请就上述问题向我提出可能的解决方案，任何帮助将不胜感激。

提前致谢。

4

1 回答 1

0

我已按如下方式解决了此问题：

1.) 创建了一个作为默认动作的动作，在第一次打开移动应用程序时调用，并在其视图页面中根据设备的方向设置要显示的图像，由jQuery。

2.）然后重定向到另一个动作或在此初始屏幕后的主页上在头部添加以下行：

<meta http-equiv="refresh" content="4;URL='the link which you want to call after that'" />

从这里开始，图像将显示 4 秒，如“内容”中所述，然后重定向到指定的 URL。

它适用于所有设备。:)

于 2012-06-20T05:57:31.343 回答