Question

这基本上是一个菜单切换功能，我想重复但除非我刷新页面，否则无法实现预期功能。点击.fa-bars会将类.animate添加到从左侧滑入菜单的正文，当菜单可见时，点击菜单区域外的任何位置，它会隐藏菜单并删除类{{1来自身体。

这只适用一次，然后刷新页面。

在这方面的任何帮助将不胜感激

jQuery代码

.animate

Answer 1

我认为他只想在点击身体时关闭菜单。此代码可能有所帮助：

$(document).ready(function () {
    $('.fa-bars').on('click', function (evt) {
        $('body').addClass('animate');
        evt.stopPropagation();
    });

    $('body').on('click', function () {
        if ($('body').hasClass('animate')) {
            $('body').removeClass('animate');
        }
    });
});

点击fb-bar打开菜单

单击正文以关闭菜单（如果已打开）

无法重复点击事件

1 个答案: