我有一个尴尬的视觉故障.在应用程序上更改页面时,我希望有一个很好的转换.不幸的是,当我第一次切换到另一个页面时,当前页面立即被新页面替换掉,而不是滑动当前页面,然后滑出.当第一页不在视图范围内时,将显示新页面.然而,第二次,它就像一个魅力!
这是在iphone上使用jQuery Mobile + PhoneGap运行的
我制作了一个视频来帮助澄清问题:http://www.youtube.com/watch？v = Ybvzh_wTnSE
<body style="background-color: #000;">
<div id="container" style="display:none;">
<div id="side-menu" style="display:none;">
<div id="header_top"></div>
<a href="#dives" onclick="showdives();"><div id="header_dives" class="selected"></div></a>
<div id="header_spacer1"></div>
<a href="#explore" onclick="showexplore();"><div id="header_explore"></div></a>
<div id="header_spacer2"></div>
<a href="#search" onclick="showsearch();"><div id="header_search"></div></a>
<div id="header_spacer3"></div>
<a href="#settings" onclick="showsettings();"><div id="header_settings"></div></a>
<div id="header_bottom"></div>
</div>
<div id="slide_mask">
<!-- START of LOGIN page -->
<div data-role="page" id="login">
<div id="home_frame">
<div id="home_logo"></div>
<div id="home_fblogin" onclick="login()"></div>
<div class="home_login">
<p>Email: <input type="text" name="user[email]" size="30"/></p>
<p>Password: <input type="password" name="user[password]" size="30"/></p>
<button onclick="show_page_home();">LOGIN</button> …