我正在使用ratchet.css 和ratchet.js 构建cordova 应用程序,我已经设置了一个带有代码的菜单图标来显示带有菜单项的弹出窗口。现在我有 2 个项目,但一次只有 1 个节目。登录和注销。当你第一次打开应用程序时,一切都很好,你点击菜单按钮(如果你登录它会显示注销,如果注销它会显示登录。)你选择注销项,它会完成登录任务但是当您再次点击菜单图标以显示弹出窗口时,整个页面变为白色,您无法再做任何事情。登录后也会发生同样的事情,如果你再次点击按钮,弹出窗口会出现,但整个页面变成白色,你什么也做不了。
...
<a href="#myPopover">
<div class="pull-right menu"><span class="icon icon-bars"></span></div>
</a>
<div id="myPopover" class="popover">
<ul class="table-view">
<li class="table-view-cell logout" {{hide}} onclick="logout(event)">Logout</li>
<li class="table-view-cell login" {{show}} onclick="window.location='#login'">Login</li>
</ul>
</div>
<div class="content"></div>
...
登出功能
loggedin = false;
alert('logged out successfully');
window.location="#";
登录功能
loggedin = true;
window.location = '#';
最佳答案
只是不要使用ratchet.js,有很多人说不要,现在我同意。只是不能很好地工作。不过ratchet.css 似乎没问题。无论如何,我删除了ratchet.js 并使用它来代替popover 操作
$('#myPopover').toggleClass('visible').toggle()
现在它在桌面和移动设备上运行良好
关于jquery - cordova Ratchet 弹出框从弹出框选择项目然后点击 "menu"按钮使整个屏幕变白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31591151/