javascript - jQuery-Mobile pagecontainerbeforechange 不会触发

Question

我正在开发一个单页应用程序。我需要来自 jQuery-Mobile 的 pagecontainerbeforechange 事件，因为我想检查我的站点包装器是否具有“show-nav”类。当站点包装器具有此类时，站点菜单将打开并且内容向左移动 350px。因此，如果用户现在单击注册，并且在打开站点菜单之前，我的注册页面将被移走，并且不可能将其取回，因为注册页面上没有站点菜单。

首先，我尝试使用 pagecontainerload 事件，直到我发现它已被弃用。然后我将其更改为 pagecontainerloadbeforechange 事件，但我无法让它工作。

我想要检查类“.show-nav”的页面具有 id #registration

因此，用户在主站点上，单击“注册”，并且在页面更改之前应删除类“.show-nav”。删除类的函数已经设置好了，但我不知道如何正确调用它。

    function toggleNav() {
        if ($('.site-wrapper').hasClass('show-nav')) {
            // Do things on Nav Close
            $('.site-wrapper').removeClass('show-nav');
        }

更详细的描述 ->

当我写下这个详细的描述时，我得到了解决方案，它是如此简单，以至于让我感到尴尬:从网站 #registration 中删除了网站包装器......仅此而已。

感谢您的帮助，感谢您编辑奥马尔!

Answer 1

您可以将toggleClass 添加到.site-wrapper。如果它有类 .show-nav 它将删除它，否则它将添加该类:)

$('.site-wrapper').toggleClass('show-nav');