Jquery 调用(文档)。调整大小和(文档)。准备好了吗

Jquery 调用(文档)。调整大小和(文档)。准备好了吗,jquery,Jquery,我正试图使用$(document).ready调用一个等高函数,尽管我不得不这样调用它,因为我遇到了一个类型错误 jQuery(function($) { $(".cols").equalHeights(); }); 而不是 $(document).ready(function() { $(".cols").equalHeights(); }); 这很好,但我也希望插件在页面调整大小时运行(因此它会根据内容溢出进行调整)。下面是resize调用,如何将其与document ready

我正试图使用
$(document).ready调用一个等高函数,尽管我不得不这样调用它,因为我遇到了一个类型错误

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

$(document).ready(function() {
    $(".cols").equalHeights();
});
这很好,但我也希望插件在页面调整大小时运行(因此它会根据内容溢出进行调整)。下面是resize调用,如何将其与document ready调用结合起来

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

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

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

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

此代码调用在此处找到的jquery equalHeights插件:


现在,当窗口调整大小时,它可以工作



是的,尽管这三个选择器并不都是必需的。一个就足够了。啊,好吧,是的,我对jQuery很陌生,只是有点不确定可以链接
触发器
调用的语法;)@Joe_Maker我建议你去看看@MarcusEkwall我个人从来都不喜欢链锁。
(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);