Question

我正在使用ratchet.css和ratchet.js构建一个cordova应用程序，我已经设置了一个带有代码的菜单图标，以显示带有菜单项的popover。现在我有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 = '#';

Answer 1

只是不使用ratchet.js有很多人说没有，现在我同意。只是不能很好地工作。 ratchet.css似乎很好。无论如何，我删除了ratchet.js并将其用于popover动作

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

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

cordova棘轮弹出选择项目从popover然后击中＆＃34;菜单＆＃34;按钮使整个屏幕变白

1 个答案: