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

调用（文档）.resize和（document）.ready

2 个答案: