если другое заявление на изменение размера окна не вызывает

Question

у меня есть следующая функция

$(document).ready(function() { 
     function rows() { 
     var divs = $(".film-list > li"); 
     wWidth = $(window).width(); 
     if (wWidth >= 1280) { 
      for(var i = 0; i < divs.length; i+=3) { 
       divs.slice(i, i+3).wrapAll('<div class="row"></div>'); 
      } 
     } else if (wWidth >= 600) { 
      for(var i = 0; i < divs.length; i+=2) { 
       divs.slice(i, i+2).wrapAll('<div class="row"></div>'); 
      } 
     } 
    } 
    rows(); 
    $(window).resize(rows); 
    }); 

это работает на странице загрузки, но не на изменение размера. не знаю, что здесь происходит, я ударил головой о стену без решения. спасибо за помощь

Answer 1

Отсутствие скобок при вызове функции rows внутри события изменения размера. В любом случае, лучше объявить функцию за пределами документа готовой, а затем вызвать ее внутри. Объявите свою функцию за пределами документа, как показано ниже:

function rows() { 
    var divs = $(".film-list > li"); 
    wWidth = $(window).width(); 
    if (wWidth >= 1280) { 
     for(var i = 0; i < divs.length; i+=3) { 
      divs.slice(i, i+3).wrapAll('<div class="row"></div>'); 
     } 
    } else if (wWidth >= 600) { 
     for(var i = 0; i < divs.length; i+=2) { 
      divs.slice(i, i+2).wrapAll('<div class="row"></div>'); 
     } 
    } 
} 


$(document).ready(function() { 
    rows(); 
}); 
$(window).resize(function(){ 
    rows(); 
});