調用一個（文檔）.resize和（文檔）.ready

Question

我試圖調用一個使用$(document).ready的平等高度函數，但我不得不這樣稱呼它，因爲我得到了類型錯誤。

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);