如何使用jquerymobile在Web应用程序上添加全屏欢迎图像

如何解决如何使用jquerymobile在Web应用程序上添加全屏欢迎图像

|| 我认为它存在于jQTouch中，但是如何为使用jQueryMobile开发的iPhone Web应用添加全屏欢迎图像？ 该应用程序是全屏Web应用程序，已经添加到iPhone主屏幕中。     

解决方法

        这只是一个概念，但是您可以尝试如下操作： 实时示例：http：//jsfiddle.net/yzvWy/14/ JS

$(function() {
  setTimeout(hideSplash,2000);
});

function hideSplash() {
  $.mobile.changePage(\"#home\",\"fade\");
}

的HTML

<div data-role=\"page\" data-theme=\"b\" id=\"splash\" style=\"background-color: #fff;\"> 
    <div class=\"splash\">
        <img src=\"http://jquerymobile.com/demos/1.0a4.1/docs/_assets/images/jquery-logo.png\" alt=\"splash\" />
    </div>
</div>
<div data-role=\"page\" data-theme=\"b\" id=\"home\"> 
    <div data-role=\"content\">
        <div data-role=\"content\"> 
            <ul data-role=\"listview\" data-inset=\"true\" data-theme=\"c\" data-dividertheme=\"b\"> 
                <li data-role=\"list-divider\">Overview</li> 
                <li><a href=\"docs/about/intro.html\">Intro to jQuery Mobile</a></li> 
                <li><a href=\"docs/about/features.html\">Features</a></li> 
                <li><a href=\"docs/about/accessibility.html\">Accessibility</a></li> 
                <li><a href=\"docs/about/platforms.html\">Supported platforms</a></li> 
            </ul> 
        </div>
    </div>
</div>

    ,        iOS有其专有的东西，可在应用加载时显示启动画面。我还没有使用它（我不需要），但是他们说可以做到这一点：

<link rel=\"apple-touch-startup-image\" href=\"img/splash.png\" />

您可能也想要这样：

<link rel=\"apple-touch-icon\" href=\"./apple-touch-icon.png\" />

看到这里更多： http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/     ,        谢谢您的帮助。这不适用于当前稳定的Jquery Mobile版本，因为它尚不支持1.7。我设法在此问题上结合了另一种解决方案，并提出了：

$ (function(){
setTimeout(function(){
    $.mobile.changePage(\"#home\",\"fade\");
},3000);
});

谢谢！