菜鸟:需要window.onresize

Question

我是个编程新手，所以我真的需要你的帮助。我需要更改一些代码来满足我的需求，但我似乎不能以适当的方式做到这一点。我现在需要的是获取这个脚本，并在$(window).width >480时使其工作。另外，我需要这个脚本在每次用户调整窗口大小时运行。

我为我的愚蠢问题道歉，但我刚刚开始学习Javascript和Jquery的基础知识，这次我似乎找不到这个问题的答案。

以下是代码

      $(window).load(function(){
    (function($) {

      $.fn.eqHeights = function() {

          var el = $(this);
          if (el.length > 0 && !el.data('eqHeights')) {
              $(window).bind('resize.eqHeights', function() {
                  el.eqHeights();
              });
              el.data('eqHeights', true);
          }
          return el.each(function() {
              var curHighest = 0;
              $(this).children().each(function() {
                  var el = $(this),
                      elHeight = el.height('auto').height();
                  if (elHeight > curHighest) {
                      curHighest = elHeight;
                  }
              }).height(curHighest);
          });
      };

      $('.articles_container').eqHeights();

  }(jQuery));
  });

Answer 1

要在调整大小的窗口上执行它，请执行以下操作：

$(window).resize(function() {
   $('.articles_container').eqHeights();
}

此外，如果您想在媒体查询事件上执行javascript，那么使用甜蜜的 javascript库。

Answer 2

这个窗口有一个.innerWidth属性，我认为它仍然可以通过jQuery访问。所以你的代码可能是这样的：

$(window).resize(function() {
   if($(window).innerWidth < 480) return;
   $('.articles_container').eqHeights();
})