jquery - 调用 (document).resize 和 (document).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);