jQuery调整大小动态更新？

Question

我正在尝试调整窗口大小以使其正常工作，但每次都必须更新页面以使其正常工作。 有什么办法可以动态更新吗？

$(document).ready(function() {
  var $window = $(window);

  function checkWidth() {
    var window_size = $window.width();
    if(window_size> 1820){
      $('.22').addClass('size33');
      $('.22').removeClass('size22');
    } else {
      $('.22').removeClass('size33');
      $('.22').addClass('size22');
    }
  }

  // Execute on load
  checkWidth();

  // Bind event listener
  $(window).resize(checkWidth);
});

Answer 1

var div = document.body.selectElementbyId("div id")
window.addEventListener('resize', function() {
        var window_size = $window.width();

        if(window_size> 1820){
           $('.22').addClass('size33');
           $('.22').removeClass('size22');
        } else {
           $('.22').removeClass('size33');
           $('.22').addClass('size22');
        }
        document.getElementbyId("div id").style.width = window_size;
    }
}, true);