jQuery的功能与添加和删除类

Question

我试图在宽度设置前后添加和删除类，一旦宽度小于1140的addclass和删除类完美工作，但是当与超过1140删除并添加类dosnt工作。如果我能得到任何帮助，我真的会真正地预测它。

jQuery(document).ready(function($){ 


    var low = false; 
    $(document).ready(function() { 
    var pageWidth = $(window).width(); 
    if (pageWidth <= 1140) { 
     low = true; 
     $('.studio .thirtyheight').removeClass('thirtyheight').addClass('workfullheight'); 
     $('.studio .sixtyheight').removeClass('sixtyheight').addClass('workfullheighttwo'); 
    } 

    $(window).resize(function() { 
     if ($(window).width() <= 1140) { 
      if (!low) { 
       low = true; 
       $('.studio .thirtyheight').removeClass('thirtyheight').addClass('workfullheight'); 
       $('.studio .sixtyheight').removeClass('sixtyheight').addClass('workfullheighttwo'); 
      } 
     } 
     else if (low) { 
      low = false; 
      $('.studio .workfullheight').addClass('thirtyheight').removeClass('workfullheight'); 
      $('.studio .workfullheighttwo').addClass('sixtyheight').removeClass('workfullheighttwo'); 
     } 
    }); 
}); 




}); 

Answer 1

jQuery(document).ready(function($){ 


var low = false; 
$(document).ready(function() { 
    var pageWidth = $(window).width(); 
    if (pageWidth <= 1140) { 
     low = true; 
     $('.studio .thirtyheight').removeClass('thirtyheight').addClass('workfullheight'); 
     $('.studio .sixtyheight').removeClass('sixtyheight').addClass('workfullheighttwo'); 
    } 

    $(window).resize(function() { 
     if ($(window).width() <= 1140) { 
      if (!low) { 
       low = true; 
       $('.studio .thirtyheight').removeClass('thirtyheight').addClass('workfullheight'); 
       $('.studio .sixtyheight').removeClass('sixtyheight').addClass('workfullheighttwo'); 
      } 
     } 
     else if (low) { 
      low = false; 
      $('.studio .workfullheight').addClass('thirtyheight').removeClass('workfullheight'); 
      $('.studio .workfullheighttwo').addClass('sixtyheight').removeClass('workfullheighttwo'); 
     } 
    }); 
}); 




}); 

Answer 2

你忘了别的情况下

使用它，然后它会工作

var $window = $(window), 
     $html = $('.studio .thirtyheight'), 
     $htmltwo = $('.studio .sixtyheight'); 
     if ($window.width() < 1140) { 
      return $html.addClass('workfullheight').removeClass('thirtyheight'),  
      $htmltwo.addClass('workfullheighttwo').removeClass('sixtyheight'); 
     }else{ 
      $html.removeClass('workfullheight').addClass('thirtyheight'), 
      $htmltwo.removeClass('workfullheighttwo').addClass('sixtyheight'); 
}