Phonegap/jquery 移动幻灯片转换在第一次调用时无法正常工作 [英] Phonegap / jquery mobile slide transition not workign properly on first call

问题描述

我有一个尴尬的视觉故障.在更改应用程序页面时，我想要一个很好的过渡.不幸的是，我第一次切换到另一个页面时，不是将当前页面滑出并滑入新页面，而是立即将当前页面替换为新页面然后滑出.当第一页不在视图中时，将显示新页面.然而，第二次，它就像一个魅力！

这是在带有 jQ​​uery Mobile + PhoneGap 的 iphone 上运行

我制作了一个视频来帮助澄清这个问题:http://www.youtube.com/看?v=Ybvzh_wTnSE

 <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 id="slide_mask"><!-- 登录页面开始--><div data-role="page" id="登录"><div id="home_frame"><div id="home_logo"></div><div id="home_fblogin" onclick="login()"></div><div class="home_login"><p>电子邮件:<input type="text" name="user[email]" size="30"/></p><p>密码:<input type="password" name="user[password]" size="30"/></p><button onclick="show_page_home();">登录</button>

<!-- 登录页面结束--><!-- 登录页面开始--><div data-role="page" id="dives" class="right_pane"><p>我的潜水！</p></div><!--/content --><div data-role="page" id="explore" class="hidden right_pane"><p>我的探索！</p></div><!--/content --><div data-role="page" id="search" class="hidden right_pane"><p>我的搜索！</p></div><!--/content --><div data-role="page" id="settings" class="hidden right_pane"><p>我的设置！</p><button onclick="logout_db();">注销</button></div><!--/content --><!-- 登录页面结束-->