Javascript - 当我们点击 div 时添加和删除类

Question

  if($(window).width() < 768){
    $(document).ready(function(){
        $('.nb-team-grid').on('click', function(e){
          $('.nb-team-info').toggleClass('test');
        });
    });
}

我正在尝试在点击 div 时添加样式。我试过了，但它不能正常工作。我在上面附上了我的代码以获得更多说明。另外我附上了我的测试链接，请打开它，这样你就可以看到我想要的交互。

http://dev.netbramha.in/projects/test-coder/test.html

Answer 1

将 $(document).ready 移到 if 语句之外:

$(document).ready(function() { 
    if($(window).width() < 768){
        $('.nb-team-grid').on('click', function(e){
            $('.nb-team-info').toggleClass('test');
        });
    }
})