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

ウィンドウには、.innerWidthjQuery を介してアクセスできると思われるプロパティがあります。したがって、コードは次のようになります。

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

サイズ変更されたウィンドウで実行するには、次のようにします。

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

また、メディア クエリ イベントで JavaScript を実行する場合は、甘いenquire.js JavaScript ライブラリを使用します。

于 2012-10-08T11:11:48.980 に答える