Вызов (document) .resize и (document) .ready

Question

Я пытаюсь вызвать функцию с равной высотой, используя $(document).ready, хотя мне пришлось называть ее так, потому что я получал Type Error.

jQuery(function($) { 
$(".cols").equalHeights(); 
}); 

Вместо

$(document).ready(function() { 
    $(".cols").equalHeights(); 
}); 

Это прекрасно работает, но я хотел бы также плагин для запуска, когда страница изменяется, (так он будет приспособиться к переполнению контента). Ниже приведен запрос на изменение размера, как я могу объединить его с готовым вызовом документа?

$(".cols").resize(function(){ 
    $(".cols").equalHeights(); 
}); 

Answer 1

Как насчет:

(function($) { 
    $(document).ready(function() { 
     var cols = $(".cols"); 

     cols.resize(function(){ 
      cols.equalHeights(); 
     }); 

     cols.trigger('resize'); 
    }); 
})(jQuery); 

Answer 2

Этот код вызывает Jquery equalHeights плагин здесь: http://www.cssnewbie.com/equalheights-jquery-plugin/#.UcOQiPm1HOU

---

Он теперь работает при изменении размера окна.

---

(function ($) { 
    $(document).ready(function() { 
     var cols = $(".cols"); 
     cols.resize(function() { 
      cols.equalHeights(); 
     }); 
     cols.trigger('resize'); 
    }); 
     $(window).resize(function(){ 
      $(".cols").css("height","auto").equalHeights(); // maybe reset the height? 
     }).resize() // trigger a resize to start off everything. 
})(jQuery);