如何将函数设置为某个类答案

【问题标题】：How do I set a function to a certain class如何将函数设置为某个类
【发布时间】：2020-10-13 01:41:31
【问题描述】：

我试图仅在 .offcanvas-collapse hasClass .open 时显示 div“菜单覆盖”。我有一个函数可以将打开的类切换到.offcanvas-collapse，所以我知道我不能编写基于切换类的函数

$('[data-toggle="offcanvas"]').on('click', function () {
        $('.offcanvas-collapse').toggleClass('open');
    });

    $('.offcanvas-collapse.open').each(function () {
        $(".menu-overlay").toggleClass("d-none");
    });

【问题讨论】：

欢迎来到 Stack Overflow。请提供一个最小的、可重复的示例：stackoverflow.com/help/minimal-reproducible-example 也建议参加游览：stackoverflow.com/tour
这可能对stackoverflow.com/questions/18050761/…有帮助
@LeeLieser 这些答案有帮助吗？如果是这样，请务必将答案标记为已接受，以便其他人在遇到类似问题时可以找到解决方案。

标签： jquery

【解决方案1】：

使用hasClass() 功能。

$('[data-toggle="offcanvas"]').on('click', function () {
  if ($('[data-toggle="offcanvas"]').hasClass('open')) {
     $('.offcanvas-collapse').toggleClass('close');
  } else {
     $('.offcanvas-collapse').toggleClass('open');
  }
});

【讨论】：

【解决方案2】：

$('[data-toggle="offcanvas"]').on('click', function () {
  if($(this).hasClass('open')) {
    $(".menu-overlay").removeClass("d-none");
    $(this).removeClass('open');
  }
  else {
    $(this).addClass('open');
    $(".menu-overlay").addClass("d-none");
  }
});

【讨论】：

您似乎无法使用 hasClass 功能定位已经切换的类