解决方法
这只是一个概念,但你可以尝试这样的事情:
实例: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>