Jquery 在检查哪个选项卡处于活动状态之前，如何等待响应选项卡添加类？

我试图使它这样当你点击导航栏上的不同标签时，如果你在标签1上，按钮将不会显示，但会在所有其他时间显示。我正在使用响应选项卡（）

---

以上代码仅在您第二次单击时有效。我意识到hasClass（'active'）只有在您第二次单击选项卡1时才是正确的。它检查在添加类之前，选项卡1是否已激活该类。我如何告诉它等到添加了活动类之后再切换属性？“active”类是由响应选项卡添加的。

我通过将其包装在带有超时的check函数中修复了它

    $('.nav').click(function() {
        var check = function() {
            if($('#tab-1').hasClass('active'))
            {
                $('#register-now-button').attr('style', 'display:none');
            } else {
                $('#register-now-button').attr('style', 'display:flex');
            }
        }
        setTimeout(check, 200);
    });

请提供完整的代码（html、css、js）

    $('.nav').click(function() {
        var check = function() {
            if($('#tab-1').hasClass('active'))
            {
                $('#register-now-button').attr('style', 'display:none');
            } else {
                $('#register-now-button').attr('style', 'display:flex');
            }
        }
        setTimeout(check, 200);
    });