1

在编程方面，我是一个菜鸟，所以我真的需要你的帮助。我需要更改一些代码来满足我的需求，但我似乎无法以正确的方式做到这一点。我现在需要的是获取这个脚本并在 $(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));
  });
4

2 回答 2

0

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

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

此外，如果您想在媒体查询事件上执行 javascript，请使用 sweet enquire.js javascript 库。

于 2012-10-08T11:11:48.980 回答
0

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

$(window).resize(function() {
   if($(window).innerWidth < 480) return;
   $('.articles_container').eqHeights();
})
于 2012-10-08T11:28:30.967 回答