javascript - 检查高度，然后添加或删除类

Question

我正在制作响应式导航。当宽度高于一个数字时，它应该得到一个类，当它低于一个数字时，该类应该被删除:

var width = $("#primary-header-nav").width();
if ( width < 770) {
  $('#primary-header-nav li a').addClass('box-1-9');    
} else {
  $('#primary-header-nav li a').removeClass('box-1-9'); 
}

然而，实际上，类永远不会被分配。无论宽度如何。

如果有任何帮助，这是该站点:http://darylkeep.com/aanbod/

Answer 1

试试这个。

$(document).ready(function(){
  $(function(){
    $(window).on("resize", function(){

      var width = $(this).width();
      var links = $('#primary-header-nav li a');

      if(width < 770){
        links.addClass('box-1-9');
      }else{
        links.removeClass('box-1-9');
      }
    });
  });
});