为什么在页面刷新时显示隐藏元素

Question

我写了一个jQuery来在页面重新调整大小（移动设备）时隐藏内容中的div。它在第一次工作正常，但是当我重新加载页面时，它显示隐藏的元素（我隐藏在jQuery中）。

这是我的jQuery代码：

$(window).resize(function () {    
    if ($(this).width() < 1200) {
        $('.divHide').hide(); 
    } else {
        $('.divHide').show();
    }    
});

Answer 1

您必须在文档中编写函数。

即，

$( document ).ready(function() {
     if ($(this).width() < 1200) {
             $('.divHide').hide();
          }
          else {
             $('.divHide').show();
          }
});

更好的方法是

 function myfunction() {
       if ($(this).width() < 1200) {
         $('.divHide').hide();
      }
      else {
         $('.divHide').show();
      }
    }
 $(document).ready(myfunction);
 $(window).on('resize',myfunction);