Question

我正在开发一个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 + '"/>') })()

以上代码不适用于Android手机和网络浏览器。

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的内容。

请建议我对上述问题的可能解决方案，我们将不胜感激。

提前致谢。

Answer 1

我已解决此问题如下：

1。）创建了一个默认操作，该操作在第一次打开移动应用程序时调用，并在其视图页面中设置基于图像的方向显示的图像设备，由jquery完成。

2。）然后重定向到另一个动作或者在这个启动画面后的主页面上添加了下面的行部分：

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

此处图像将显示“内容”中提到的开始4秒，然后重定向到指定的URL。

它正在所有设备上运行。：）

如何在jquery mobile中显示所有移动设备和Web浏览器的启动画面

1 个答案: