Question

在编程时我是新手，所以我真的需要你的帮助。我需要更改一些代码以满足我的需求，我似乎无法以适当的方式进行。我现在需要的是采用这个脚本，并在$（window）.width＆gt;时使其工作。 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，请使用甜蜜的enquire.js javascript库。

Answer 2

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

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

菜鸟：需要window.onresize

2 个答案: