检查是否调整了浏览器窗口的大小

Question

我正在尝试创建一个不断检查网站大小的循环，并在变小时移除属性，并在变大时将其添加回来。我一直试图让它工作一段时间，我无法这样做。

<script>
$(function() {
    if(document.body.clientWidth <= 767) {
        $("div").removeAttr("attr");
    }
});
$(function() {
    if(document.body.clientWidth >= 768) {
        $("div").attr("attr", "content");
    }
});
</script>

Answer 1

您需要对窗口大小进行初始检查并设置值，然后在调整大小时设置值。

$(document).ready(function() {
      SetWidth($(window).width());

     $(window).on('resize', function(){
          SetWidth($(this).width());
      });
}); 

function SetWidth(windowWidth) {
          if(windowWidth <= 767){
              $("div").removeAttr("attr");
           }
           else {
            $("div").attr("attr", "content");
           }
}