Jquery调整大小动态更新

Jquery resize dynamic update?

本文关键字：动态 更新 调整 Jquery      更新时间：2024-07-06

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

$(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);
});

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);
相关文章：