cordova ratchet popover 从 popover 选择项目然后点击 "menu" 按钮使整个屏幕变白

Question

我正在使用 ratchet.css 和 ratchet.js 构建一个 cordova 应用程序，我已经设置了一个菜单图标，其中包含用于显示其中包含菜单项的弹出窗口的代码。现在我有 2 个项目，但一次只有 1 个节目。登录和注销。当你第一次打开应用程序时，一切都很好，你点击菜单按钮（如果你登录它会显示注销，如果注销它会显示登录。）你 select 注销项，它将完成注销的任务，但是当您再次点击菜单图标以显示弹出窗口时，整个页面变为白色，您将无法再执行任何操作。登录后同样的事情发生，如果你再次点击按钮，弹出窗口会出现，但随后整个页面变白，你什么也做不了。

...
<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 = '#';

Answer 1

只是不要使用 ratchet.js 有很多人反对，现在我同意了。只是不太好用。 ratchet.css 似乎还不错。无论如何，我删除了 ratchet.js 并将其用于弹出操作

$('#myPopover').toggleClass('visible').toggle()

现在它在桌面和移动设备上运行良好

cordova ratchet popover 从 popover 选择项目然后点击 "menu" 按钮使整个屏幕变白

cordova ratchet popover selecting item from popover then hitting "menu" button makes whole screen go white

jquery

cordova

ratchet