Question

当我点击＆＃34; nav-toggle＆＃34;它添加了切换类＆＃34; open＆＃34;到格拉巴＆＃34;。然后我想删除切换类＆＃34;打开＆＃34;点击网页上的任意位置。

我写了这个，但它没有用。

$(function() {
        $('.nav-toggle').on('click', function(){
            $('.grappa').toggleClass('open');{
                $(document).click(function() {
                $('.grappa').toggleClass('close');
             });
            }
        });

    });

Answer 1

撰写单独的活动

切换

  $('.nav-toggle').on('click', function(){
        $('.grappa').toggleClass('open');
    });

点击网页上的任何位置

$( document.body ).click(function() {
    $('.grappa').toggleClass('close');
});

让您的脚本保持警报/控制台语句被调用。您的网页中的引用js应该是正确的

更新

看看这个小提琴http://jsfiddle.net/M4teA/

Answer 2

在切换grappa课程之前，您可以检查open元素是否具有close课程。然后只有在close已被切换的情况下才会切换open类。类似的东西：

$(function() {
    $('.nav-toggle').on('click', function(){
        $('.grappa').toggleClass('open');
    });

    $(document).click(function() {
        if ($('.grappa').hasClass('open'))
        {
            $('.grappa').toggleClass('close');
        }
    });

});

此外，由于我还没有看到您的任何CSS或HTML，我不确定您如何使用open和close类，但它似乎可能根据元素是否具有该类，添加和删除open类更有意义。类似的东西：

$(document).click(function() {
     if ($('.grappa').hasClass('open'))
     {
          $('.grappa').removeClass('open');
     }
});

Jquery函数中的另一个操作

2 个答案: