0

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

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

代替

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

这很好用,但我也希望在调整页面大小时运行插件(因此它会适应内容溢出)。下面是调整大小调用,如何将它与文档就绪调用结合起来?

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

2 回答 2

6

怎么样:

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

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

        cols.trigger('resize');
    });
})(jQuery);
于 2013-06-19T14:29:20.973 回答
1

此代码调用此处找到的 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);
于 2013-06-20T23:31:59.527 回答